/* CSS Document */

ul#menu * {
    margin: 0;
    padding: 0;
}

/* Menu with drop downs and pop-outs*/
ul#menu {
    float: left;
	margin-left: 3px;
    list-style: none;
    width: 915px;
	z-index: 100;
}
ul#menu a {
    color: #437336;
    text-decoration: none; 
}
ul#menu li.title, ul#menu li.title_narrow, ul#menu li.title_last {
    float: left;
    background: url('../../images/navbutton_off.png') repeat-x;
	margin-left: 3px;
}

ul#menu li.store {
    float: left;
    
	margin-left: 3px;
}

ul#menu li.store a {
    display: block;
    font-size: 11px;
    padding-top: 11px;
	padding-right: 7px;
	padding-left: 7px;
    margin-left: 10px;
	height: 20px;
	
}

ul#menu li.store:hover {

    color:#f90808;
    text-decoration:underline;
}




ul#menu li.title a, ul#menu li.title_narrow a, ul#menu li.title_last a {
    display: block;
    font-size: 11px;
    padding-top: 11px;
	padding-right: 23px;
	padding-left: 23px;
    margin-left: 3px;
	height: 20px;
    
	text-align:center;
}

ul#menu li.title a {
    /* width: 192px; */
	text-transform: uppercase;
	
	
	
}

ul#menu li.title_narrow a {
    width: 121px;
}

ul#menu li.title_last a {
    width: 134px;
}

ul#menu li.title:hover, ul#menu li.title_narrow:hover, ul#menu li.title_last:hover {
    background: url('../../images/navbutton_hover.png') repeat-x;
}
ul#menu li.title:hover a, ul#menu li.title_narrow:hover a, ul#menu li.title_last:hover a {
    color:#de2623;
}

ul#menu li.title:hover ul.drop, ul#menu li.title_narrow:hover ul.drop, ul#menu li.title_last:hover ul.drop {
    display: block;
}
ul#menu ul.drop {
    display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    list-style: none;
    width: 192px;
    z-index: 100;
}
ul#menu ul.drop li a {
    background: url('../../images/menu_wide.png') no-repeat 0 50%;
    width: 192px;
    padding: 5px 10px;
    text-align:left;
    font-size:10px;
	
}
ul#menu ul.drop li.first a {
    /*background: url('../../images/dropTop.png') no-repeat 0 0;*/
}
ul#menu li.title_narrow ul.drop li.first a {
    background: url('../../images/menu_wide.png') no-repeat 0 0;
}
ul#menu li.title_narrow ul.drop li.first a:hover {
    background: url('../../images/menu_wide_hover.png') no-repeat 0 0;
}
ul#menu ul.drop li.last a {
    background: url('../../images/menu_wide_hover.png') no-repeat 0 100%;
    /*padding-bottom: 7px;*/
}
ul#menu ul.drop li a:hover {
    background-image: url('../../images/menu_wide_hover.png');
    /* color: #032150; */
	color: #000000;
}
ul#menu ul.drop li.first a:hover {
    background-image: url('../../images/menu_wide.png');
}
ul#menu ul.drop li.last a:hover {
    background-image: url('../../images/menu_wide.png');
}


ul#menu ul.drop li {
    position: relative;
}

/*Pop Out menus */
ul#menu ul.drop li ul.pop {
    display: none;
    margin: 0 0 0 185px;
    top: 0;
    padding: 0;
    position: absolute;
    list-style: none;
    width: 192px;
    z-index: 200;
}
ul#menu ul.drop ul.pop li a {
    background: url('../../images/menu_wide.png') no-repeat 0 50%;
    text-transform: none;
}
ul#menu ul.drop ul.pop li.first a {
    background: url('../../images/menu_wide.png') no-repeat 0 0;
}
ul#menu ul.drop ul.pop li.last a {
    background: url('../../images/menu_wide.png') no-repeat 0 100%;
    /*padding-bottom: 7px;*/
}
ul#menu ul.drop ul.pop li a:hover {
    background-image: url('../../images/menu_wide_hover.png');
    color: #000;
}
ul#menu ul.drop ul.pop li.first a:hover {
    background-image: url('../../images/menu_wide_hover.png');
}
ul#menu ul.drop ul.pop li.last a:hover {
    background-image: url('../../images/menu_wide_hover.png');
}
ul#menu ul.drop li:hover ul.pop {
    display: block;
}
ul#menu ul.drop ul.pop li.last_empty {
    background: url('../../images/menu_wide_last.png') no-repeat 0 100%;
    padding-bottom: 7px;
}


/* End Main Menu ============================= */