/* oooooooooooooooooooooooo MAIN MENU BASED ON ERIC MEYER ooooooooooooo */

div#nav {
/* float: left; */
width: 159px; /*** js add ***/ 

margin: 10px 0px 0px 0px; margin: 20px 0px 0px 20px;
background: #06462e; background: #ffffff;
color: #fff;

}



div#menu_home div#nav {
margin: 0px 0px 0px 0px;
}

div#nav ul {
margin: 0px; padding: 0px; 
width:159px; 
background: #06462e;background: #ffffff;
}
/* js add to solve a 'bleeding through problem in mozilla */
div#nav ul ul{
background: #06462e; background: #ffffff;
}

/* line added to solve IE6 problem */
div#nav ul li {list-style: none !important;}


div#nav li.topofmenu {border-top: 0px solid #06462e;}
div#nav ul li {border-bottom: 0px solid #c87847;border-bottom: 2px solid #fff;}
div#nav ul ul li {border-bottom: 0px solid #54806f;}
div#nav ul ul ul li {border-bottom: 0px solid #2c614d;}



div#nav ul a{
color: #feffcd;color: #ffffff;color: #8a879a;color: #06462e;
text-transform: none;
background: #06462e;background: #ffffff;
line-height: 15px; line-height: 12px; line-height: 100%;line-height: 14px;

}

div#nav ul ul a  {background:#ffffff;  background:#2c614d; background:#ffffff;}

div#nav ul ul ul a { background:#00b500; background:#54806f;background:#ffffff; }

div#nav li {
list-style: none; 
margin: 0;
}


div#nav ul ul li {
list-style: none; 
margin: 0;
}



div#nav li a {
margin-left: -15px;
display: block;
padding: 0px 5px 0px 5px;
text-decoration: none; 
width: 118px; /* last value seen by IE5.5; seems to put a 1px border each end so 118+1+1=120px   */
border: 0px none; 
font-size:    xx-small;   
        voice-family: "\"}\"";    
        voice-family: inherit;   
        font-size:    x-small;
        margin-left: 0px;
        width:110px; /* last value seen by IE5.5, also seen by Mozilla, 110+5+5 = 120px  */
	}
div#nav>ul a {
width: auto; /* seen by Mozilla but not IE6 */
}

div#nav li a {
margin-left: -15px;
display: block;
padding: 0px 5px 0px 5px;
text-decoration: none; 
width: 157px; /* last value seen by IE5.5; seems to put a 1px border each end so 118+1+1=120px   */
border: 0px none; 
font-size:    xx-small;   
        voice-family: "\"}\"";    
        voice-family: inherit;   
        font-size:    x-small;
        margin-left: 0px;
        width:149px; /* last value seen by IE5.5, also seen by Mozilla, 110+5+5 = 120px  */
	}
div#nav>ul a {
width: auto; /* seen by Mozilla but not IE6 */
}

div#nav ul ul li a {
margin-left: -15px;
display: block;
padding: 0px 5px 0px 20px;
text-decoration: none; 
width: 157px; /* last value seen by IE5.5; seems to put a 1px border each end so 118+1+1=120px   */
border: 0px none; 
font-size:    xx-small;   
        voice-family: "\"}\"";    
        voice-family: inherit;   
        font-size:    x-small;
        margin-left: 0px;
        width:134px; /* last value seen by IE5.5, also seen by Mozilla, 110+5+5 = 120px  */
	}
div#nav>ul ul a {
width: auto; /* seen by Mozilla but not IE6 */
}

div#nav ul ul ul li a {
margin-left: -15px;
display: block;
padding: 0px 5px 0px 35px;
text-decoration: none; 
width: 157px; /* last value seen by IE5.5; seems to put a 1px border each end so 118+1+1=120px   */
border: 0px none; 
font-size:   xx-small;   
        voice-family: "\"}\"";    
        voice-family: inherit;   
        font-size:  x-small;
        margin-left: 0px;
        width:119px; /* last value seen by IE5.5, also seen by Mozilla, 110+5+5 = 120px  */
	}
div#nav>ul ul ul a {
width: auto; /* seen by Mozilla but not IE6 */
}


 div#nav ul a:hover {color: #f1aa36;background: #ffffff url(images/whitearrow.gif) no-repeat 155px 50%; }
 div#nav ul ul a:hover {color: #f1aa36;background: #ffffff url(images/whitearrow.gif) no-repeat 155px 50%; }
 div#nav ul ul ul a:hover {color: #f1aa36;background: #ffffff  url(images/whitearrow.gif) no-repeat 155px 50%; }
 div#nav li.cat_white a:hover {color: #f1aa36;background: #ffffff  url(images/whitearrow.gif) no-repeat 155px 50%; }


div#nav li a.current_page {color: #fff; background: #f1aa36 url(images/whitearrow.gif) no-repeat 100% 50%; }
div#nav ul ul li a.current_page {color: #fff; background: #f1aa36 url(images/whitearrow.gif) no-repeat 100% 50%; }
div#nav ul ul ul li a.current_page {color: #fff; background: #f1aa36 url(images/whitearrow.gif) no-repeat 100% 50%; }


div#nav ul ul.brochure,
div#nav ul ul.latest,
div#nav ul ul.branded,
div#nav ul ul.reading,
div#nav ul ul.sun,
div#nav ul ul.accessories,
div#nav ul ul.display,
div#nav ul ul.safety,
div#nav ul ul.polarised_sports_fishing,
div#nav ul ul.optical_frames
    {display:none;}

div#nav ul ul ul.gola,
div#nav ul ul ul.sports,
div#nav ul ul ul.nannini,
div#nav ul ul ul.regatta,
div#nav ul ul ul.eden_park,
div#nav ul ul ul.agnes_b,
div#nav ul ul ul.eyewear,
div#nav ul ul ul.eclipse,
div#nav ul ul ul.xo2,
div#nav ul ul ul.exalt


    {display:none;}

div#nav li.cat_heading {
padding-left: 5px;
color: #06462e;
padding-top: 2px;
padding-bottom: 2px;
background: #fff;
font-variant: small-caps;
font-weight: bold;
font-size:    x-small;   
        voice-family: "\"}\"";    
        voice-family: inherit;   
        font-size:    small;
}

div#nav li.cat_white a, div#nav li.cat_white {
color: #06462e;
background: #fff;
}


/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */