.access, .hidden {
	position: absolute;
	top: -1000em;
	left: -1000em;
}

#topNav ul#mainNav li .subnav ul.subnavContent:after,

div#mifHeroPanelContent:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#topNav {
	float: left;
	padding: 20px 20px;
	width: 519px;
        
	/*background: #fff url(/diy/jsp/bq/images/navigation/backgrounds/nav-bg.png) bottom left repeat-x;
	border-left: 1px solid #e9e5e6;
	border-right: 1px solid #e9e5e6; */
}
#topNav ul { width: 100%; }
#topNav ul#mainNav {
	clear: both;
	padding-bottom: 10px;
	width: 521px;
	height: 38px;
}
#topNav ul li {
	float: left;
	padding: 12px 35px 16px 20px;
	z-index: 5001; /*5001 so that the drops downs sit above the multimap controls in firefox*/
}
#topNav ul li a {
	display: block;
	height: 15px;
        font-family:Arial, Helvetica, sans-serif;
        font-size:14px;
        font-weight:bold;
        color:#727272;
}
#topNav ul li.stores { padding-right: 0; }

#topNav ul#mainNav li.garden, #topNav ul#mainNav li.rooms, #topNav ul#mainNav li.decor, #topNav ul#mainNav li.fix, #topNav ul#mainNav li.build, #topNav ul#mainNav li.eco, #topNav ul#mainNav li.offers, #basket .cartContents p.shoppingList a, #basket form label, #footer h4  {background: url(/diy/jsp/bq/images/navigation/chrome_sprites.gif) no-repeat 0px 0px; outline:none}

#topNav ul#mainNav li {
	/*position: relative;
	margin: 0 0 10px 0;
	padding: 0 2px 0 0;
	height: 36px;*/

         margin:0;
         display:inline;
         position:relative;
         float:left;
         background:url(../images/img/u) top right no-repeat;
         padding:0px 15px 0px 15px
}

#topNav ul#mainNav li.decor {
    background:url(../../images/img/Images/down_arrow.png) top right no-repeat;
    padding-right: 25px;
}

/*
#topNav ul#mainNav li.garden { width: 86px; background-position: 0px -153px }
#topNav ul#mainNav li.rooms { width: 84px; background-position: 0px -225px }
#topNav ul#mainNav li.decor { width: 80px; background-position: 0px -297px}
#topNav ul#mainNav li.fix { width: 51px; background-position: 0px -369px }
#topNav ul#mainNav li.build { width: 72px; background-position: 0px -441px}
#topNav ul#mainNav li.eco { width: 63px; background-position: 0px -513px }
#topNav ul#mainNav li.offers { width: 71px; background-position: 0px -585px}
*/
 /*
body#garden #topNav ul#mainNav li.garden, #topNav ul#mainNav li:hover.garden { background-position: 0px -189px}
body#rooms #topNav ul#mainNav li.rooms, #topNav ul#mainNav li:hover.rooms{ background-position: 0px -261px}
body#decor #topNav ul#mainNav li.decor, #topNav ul#mainNav li:hover.decor{ background-position: 0px -333px }
body#fix #topNav ul#mainNav li.fix, #topNav ul#mainNav li:hover.fix{ background-position: 0px -405px }
body#build #topNav ul#mainNav li.build, #topNav ul#mainNav li:hover.build{ background-position: 0px -477px }
body#eco #topNav ul#mainNav li.eco, #topNav ul#mainNav li:hover.eco { background-position: 0px -549px; }
body#offers #topNav ul#mainNav li.offers, #topNav ul#mainNav li:hover.offers { background-position: 0px -621px }
*/

#topNav ul#mainNav li.over { background-position: bottom left; }

#topNav ul#mainNav li a {
	display: block;
	height: 35px;
	cursor:pointer;
	text-decoration: none;
        text-shadow: 0 0 2px #cacaca;
        z-index: 100;
}
#topNav ul#mainNav li.first{
    padding-left:10px;
}

#topNav ul#mainNav li.current a, #topNav ul#mainNav li.current a:hover{
	/*color:#727272;*/
	text-decoration:none;
	/*background:url(../../images/img/Images/line.png) bottom left no-repeat;*/
        /*padding-bottom: 8px;*/
	font-weight: bold;
        color:#727272;
        text-shadow: 0 0 0 transparent;

}

#topNav ul#mainNav li a:hover {
    /*background:url(../../images/img/Images/line.png) bottom left no-repeat;*/
    color: #727272;
    text-shadow: 0 0 7px #727272;;
}

#topNav ul#mainNav li.hit {
	background-position: bottom left;
	padding-bottom: 0;
}

#topNav ul#mainNav li:hover div.subnav, #topNav ul#mainNav li.over div.subnav { display: block; }
#topNav ul#mainNav li div.subnav {
	display: none;
	position: absolute;
	top: 12px; /** Set 1px less than menu height */
	left: 0px;
	padding: 0 0 14px 0;
	width: 988px;
	/*background: url(../../images/img/) bottom left no-repeat;*/
}
#topNav ul#mainNav li.decor div.subnav { left: -227px; }
/*
#topNav ul#mainNav li.garden div.subnav { left: -92px; }
#topNav ul#mainNav li.rooms div.subnav { left: -180px; }
#topNav ul#mainNav li.fix div.subnav { left: -348px; }
#topNav ul#mainNav li.build div.subnav { left: -401px; }
#topNav ul#mainNav li.offers div.subnav { left: -431px; }
#topNav ul#mainNav li.offers .subnav {
background: url(/diy/jsp/bq/images/navigation/backgrounds/offers-subnav-bottom.png) bottom left no-repeat; }*/

#topNav ul#mainNav li div .subnavTop {
	padding-top: 15px;
	width: 988px;
}
/*
#topNav ul#mainNav li.garden .subnav .subnavTop { background: url(/diy/jsp/bq/images/navigation/backgrounds/garden-subnav-top.gif) top left no-repeat; }
#topNav ul#mainNav li.rooms .subnav .subnavTop { background: url(/diy/jsp/bq/images/navigation/backgrounds/rooms-subnav-top.gif) top left no-repeat; }
#topNav ul#mainNav li.decor .subnav .subnavTop { background: url(/diy/jsp/bq/images/navigation/backgrounds/decor-subnav-top.gif) top left no-repeat; }
#topNav ul#mainNav li.fix .subnav .subnavTop { background: url(/diy/jsp/bq/images/navigation/backgrounds/fix-subnav-top.gif) top left no-repeat; }
#topNav ul#mainNav li.build .subnav .subnavTop { background: url(/diy/jsp/bq/images/navigation/backgrounds/build-subnav-top.gif) top left no-repeat; }
#topNav ul#mainNav li.eco .subnav .subnavTop { background: url(/diy/jsp/bq/images/navigation/backgrounds/eco-subnav-top.gif) top left no-repeat; }
#topNav ul#mainNav li.offers .subnav .subnavTop { background: url(/diy/jsp/bq/images/navigation/backgrounds/offers-subnav-top.gif) top left no-repeat; }
*/

#topNav ul#mainNav li .subnav ul.subnavContent {
	padding: 3px 3px 0 1px;
	width: 988px;
        height: 400px;
        overflow: auto;
	background: #fff;
	list-style: none;
        border:2px solid #e5e5e5;
}
#topNav ul#mainNav li .subnav ul.subnavContent li {
	clear: both;
	margin: 0;
	padding: 0;
	width: 988px;
	height: auto;
}
#topNav ul#mainNav li .subnav ul.subnavContent li a:hover { text-decoration: underline; }
#topNav ul#mainNav li .subnav dl {
	float: left;
	margin: 0 0 0 0px;
	padding: 0 0 0px 0px;
	width: 196px;
}
#topNav ul#mainNav li .subnav dl dt { padding: 0px 0px 0px 20px; }
#topNav ul#mainNav li .subnav dl dt a {
    height: 0.8em;
    font-size:12px;
}
#topNav ul#mainNav li .subnav dl dd { padding: 0px 0px 0px 20px; }
#topNav ul#mainNav li .subnav dl dd a {
    height:  0.5em;
    font-size:10px;
    font-weight:normal;
}