/* An absolutely positioned and hidden DIV (treated as a layer in NS4). */
.menudiv 
{
	position: absolute;
	visibility: hidden;
	z-index: 1000;
	border: 1px solid #000;
	width: auto;
	/* Borders:     Top    Right  Bottom    Left   */
	border-color: #a7b3b4;
	background-color: #fff;
	/* layer-background-color is non-standard and NS4 only. */
	layer-background-color: #ffffff;
	padding: 10px;
	font: 11px/18px Arial, Helvetica, sans-serif;
	/* Here's a cool effect, try uncommenting this, althought it's non-standard: */
	filter: alpha(opacity=97); -moz-opacity: 0.97; opacity: 0.97;
}

.giftdiv 
{
	_width: 225px;
}

.nodisplay 
{
	width: 0;
	height: 0;
	display: none;
}

.menudiv a 
{
	white-space: nowrap;
	display: block;
	color: #003366;
	text-indent: 5px;
	text-decoration: none;
	text-align: left;
}

/* I'm using :hover and :active pseudo-classes for link mouse effects. */
.menudiv a:hover 
{
	color: #0099cc;
}

.menudiv a:active 
{
	color: #0099cc;
}

/*
The script will automatically assign a class of "highlighted" to elements that currently
have an active submenu, so here's a little CSS to format links within a .menudiv element.
*/
.menudiv .highlighted {
	color: #0099cc;
}

.trigger 
{
	margin: 0;
	padding: 0;
}

/* The links in the upper-left that pop out 'divMenu' menus. */
.trigger a 
{
	font: Bold 11px Arial, Helvetica, sans-serif;
	color: #003366;
	text-decoration: none;
}

.trigger a.cat 
{
	background:transparent url(../images/nav/cat_off.jpg) no-repeat scroll left top;
	height: 31px;
	width:118px;
	display: block;
	float: left;
}

.trigger a.catactive, .trigger a.cathighlight 
{
	background:transparent url(../images/nav/cat_on.jpg) no-repeat scroll left top;
	height: 31px;
	width:118px;
	display: block;
	float: left;
}

.trigger a.coll 
{
	background:transparent url(../images/nav/coll_off.jpg) no-repeat scroll left top;
	height: 31px;
	width:122px;
	display: block;
	float: left;
}

.trigger a.collactive, .trigger a.collhighlight
{
	background:transparent url(../images/nav/coll_on.jpg) no-repeat scroll left top;
	height: 31px;
	width:122px;
	display: block;
	float: left;
}

.trigger a.brnd 
{
	background:transparent url(../images/nav/brand_off.jpg) no-repeat scroll left top;
	width:101px;
	height: 31px;
	display: block;
	float: left;
}

.trigger a.brndactive, .trigger a.brndhighlight
{
	background:transparent url(../images/nav/brand_on.jpg) no-repeat scroll left top;
	width:101px;
	height: 31px;
	display: block;
	float: left;
}

.trigger a.gft
{
	background:transparent url(../images/nav/gift_off.jpg) no-repeat scroll left top;
	width:72px;
	height: 31px;
	display: block;
	float: left;
}

.trigger a.gftactive, .trigger a.gfthighlight
{
	background:transparent url(../images/nav/gift_on.jpg) no-repeat scroll left top;
	width:72px;
	height: 31px;
	display: block;
	float: left;
}

.trigger a.corp
{
	background:transparent url(../images/nav/corp_off.jpg) no-repeat scroll left top;
	width:125px;
	height: 31px;
	display: block;
	float: left;
}

.trigger a.corpactive, .trigger a.corphighlight
{
	background:transparent url(../images/nav/corp_on.jpg) no-repeat scroll left top;
	width:125px;
	height: 31px;
	display: block;
	float: left;
}

.trigger a.brid
{
	background:transparent url(../images/nav/bride_off.jpg) no-repeat scroll left top;
	width:167px;
	height: 31px;
	display: block;
	float: left;
}

.trigger a.bridactive, .trigger a.bridhighlight
{
	background:transparent url(../images/nav/bride_on.jpg) no-repeat scroll left top;
	width:167px;
	height: 31px;
	display: block;
	float: left;
}