#ddtopmenubar ul .active {
	background-image:url(images/overcurve3.gif);
	display:block;
}

#ddtopmenubar ul .active a {
	color:#000000;
	background-image:url(images/overcurve1.gif);
	display:block;
	}
#ddtopmenubar ul .active span {
	color:#000000;
	background-image:url(images/overcurve2.gif);
	float:left;
	display:block;
}

/* ######### Drop Down ULs CSS ######### */


.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: normal 10px Verdana;
margin: -3px 0 0 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
background-color:#663434;
border:1px solid #663434;
text-align:left;
font-weight: bold;
}

.ddsubmenustyle li a{
display: block;
width: 213px; /*width of menu (not including side paddings)*/
color:#FFFAC0;
text-decoration: none;
padding: 4px 5px;
border-bottom: 1px solid #ffffff;
text-align:left;
line-height:20px;
font-weight:normal;
font-size:12px;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
background-color:#FFFAC0;
color:#663434;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

/* ######### Matt Black Strip Main Menu Bar CSS ######### */
.mattblackmenu{
width:100%;
float:left;
margin:0 0 0 0;
background-image:url(http://www.firstgames.co.nz/magento/skin/frontend/default/game/images/main_linkbg.gif);
background-repeat:repeat-x;
}

.mattblackmenu ul{
margin:0 0 0 0;
padding: 18px 0 0 20px;
font: bold 10px Verdana;
list-style-type: none;
overflow: hidden;
width: 94%;
height:37px;
float:left;
text-align:left;
}

.mattblackmenu .left_image {
			background-image:url(http://www.firstgames.co.nz/magento/skin/frontend/default/game/images/linkbg_corner_left.gif);
			background-repeat:no-repeat;
			width:18px;
			height:55px;
			background-position:left;
			float:left;
	}
	
.mattblackmenu .right_image {
			background-image:url(http://www.firstgames.co.nz/magento/skin/frontend/default/game/images/linkbg_corner_right.gif);
			background-repeat:no-repeat;
			width:18px;
			height:55px;
			background-position:left;
			float:right;
			padding:0px;
			margin:0 0 0 0;
			position:relative;
}

/*.mattblackmenu li{
display: inline;
margin: 0;
background-image:url(mcurve3.gif);
background-repeat:repeat-x;
background-position:right;
float:left;
margin:0 0 0 5px;
}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding:10px 10px 12px 10px;
background-image:url(mcurve2.gif);
background-repeat:no-repeat;
background-position:left;
color: white;
}*/
.mattblackmenu ul li{
	float:left;
	display:block;
	background-image:url(images/mcurve3.gif);
	background-repeat:repeat-x;
	background-position:right;
	margin:0 0 0 5px;
	font-weight:bold;
}

.mattblackmenu ul li a{
	float:left;
	color:#ffffff;
	display:block;
	padding:10px 20px 12px 20px;
	background-image:url(images/mcurve1.gif);
	background-repeat:no-repeat;
	background-position:left;
	text-decoration:none;
	text-decoration:none;
}

.mattblackmenu ul li span{
	float:left;
	background-image:url(images/mcurve2.gif);
	background-repeat:no-repeat;
	background-position:right;
}


.mattblackmenu li a:visited{
color: white;
text-decoration:none;
}

.mattblackmenu li a:hover{
	color:#ffffff; /*background of tabs for hover state */
	text-decoration:none;
}

.mattblackmenu a.selected{
	color:#ffffff; /*background of tab with "selected" class assigned to its LI */
	text-decoration:none;
}

/* ######### Marker List Vertical Menu ######### */

.markermenu{
width: 175px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/
}

.markermenu ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
border: 1px solid #9A9A9A;
text-align:left;
}

.markermenu ul li a{
background: #F2F2F2 url(bulletlist.gif) no-repeat 3px center; /*light gray background*/
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #00014e;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
}

* html .markermenu ul li a{ /*IE6 hack*/
width: 155px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #00014e;
}

.markermenu ul li a:hover, .markermenu ul li a.selected{
color: white;
background-color: black;
text-decoration:none;
}

/* ######### Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) ######### */

.blackwhite li a{
background: white;
}

.blackwhite li a:hover{
background: black;
color: white;
text-decoration:none;
}