@import url("default.css");

#subnavContainerOptions {
	width: 678px;
	height: 24px;
	}
#subnavOptions {
	margin: 0;
	padding: 0;
	width: 708px;
	height: 24px;
	background: #FEFDFC url(../images/nav/options.gif);
	position: relative;
	}
#subnavOptions li {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	list-style: none;
	}
#subnavOptions li, #subnavOptions a {
	height: 24px; 
	display: block;
	}

/* Main Menu On State */
body.getQuote #nav li#nav-06 a {background: transparent url(../images/nav/menu.gif) -316px -22px no-repeat;}
body.optionRisks #nav li#nav-06 a {background: transparent url(../images/nav/menu.gif) -316px -22px no-repeat;}
body.chartAnOption #nav li#nav-06 a {background: transparent url(../images/nav/menu.gif) -316px -22px no-repeat;}

/* Submenu On State */
body.getQuote #subnavOptions li#subnavOptions-01 a {background: transparent url(../images/nav/options.gif) 0 -24px no-repeat;}
body.optionRisks #subnavOptions li#subnavOptions-02 a {background: transparent url(../images/nav/options.gif) -77px -24px no-repeat;}
body.chartAnOption #subnavOptions li#subnavOptions-03 a {background: transparent url(../images/nav/options.gif) -169px -24px no-repeat;}

#subnavOptions-01 {left: 0; width: 77px;}
#subnavOptions-02 {left: 77px; width: 92px;}
#subnavOptions-03 {left: 169px; width: 114px;}

#subnavOptions-01 a:hover {background: transparent url(../images/nav/options.gif) 0 -24px no-repeat;}
#subnavOptions-02 a:hover {background: transparent url(../images/nav/options.gif) -77px -24px no-repeat;}
#subnavOptions-03 a:hover {background: transparent url(../images/nav/options.gif) -169px -24px no-repeat;}

#subnavOptions span {
	display: none;
	}