/* HoneyCo Navigation & Links CSS Document - any link styles, navigation or page control styles live here. */

#navContainer {
	/*Container which holds ALL buttons & separators. Is contractable but NOT expandable as BG image is fixed at the bottom */
	background-image:url(../images/pageFrame/shopNavBarBG.jpg);
	background-position:bottom;
	background-position:bottom;
	background-repeat:no-repeat;
	position:relative;
	width:182px;
}
.navButton {
	position:relative;
	display:block;
	width:182px;
	height:21px;
	text-align: center;
}

.navSeparator {
	position:relative;
	display:block;
	width:182px;
	height:9px;
	background-image:url(../images/pageFrame/navBar_dotLineSeparator.gif);
	background-position:center;
	background-position:right;
	background-repeat:no-repeat;
	font-size:1px; /*Fixes HEIGHT display issue in IE6 */
}

/* mainNavLink controls the rollover text size/shape/colour etc in the main navigation bar */
.mainNavLink a:link {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #CC6600;
	text-decoration: none;
	top:2px;
	position:relative;
}

.mainNavLink a:visited {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #CC6600;
	text-decoration: none;
	top:2px;
}

.mainNavLink a:hover {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: underline;
	top:2px;
}

.mainNavLink a:active {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #CC6600;
	text-decoration: none;
	top:2px;
}
	
.footerLink a:link {
	font: normal 11px Helvetica, Arial, Sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
.linkDivider {
	font: 13px Helvetica, Arial, Sans-serif;
	color: #DCDCDC;
	text-decoration: none;
}

.footerLink a:visited {
	font: normal 11px Helvetica, Arial, Sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
.footerLink a:hover {
	font: normal 11px Helvetica, Arial, Sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}
.footerLink a:active {
	font: normal 11px Helvetica, Arial, Sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}

/* Master In-Text Link Style - any link not pre-defined i.e <span class="newLinkStyle"> will inherit this style */

a:link {
	font: normal 12px Helvetica, Arial, Sans-serif;
	color: #FF9900;
	text-decoration: underline;
}
a:visited{
	font: normal 12px Helvetica, Arial, Sans-serif;
	color: #FF9900;
	text-decoration: underline;
}
a:hover {
	font: normal 12px Helvetica, Arial, Sans-serif;
	color: #666666;
	text-decoration: none;
}
a:active {
	font: normal 12px Helvetica, Arial, Sans-serif;
	color: #FF9900;
	text-decoration: underline;
}