.access, .hidden {
	position: absolute;
	top: -1000em;
	left: -1000em;
}
#bcrumbWrapper, #content { clear: both; }
/** float clearing fox for firefox */
#pageWrapper:after,
#pageWrapper #header:after,
#topNav ul#mainNav li .subnav ul.subnavContent:after,
#basket .accountBox:after,
.breadcrumb:after,
.productImages .productHero #productImageTabBlock:after,
#footer:after,
.listerOverlayContent:after,
.addToCartMsg:after,
#qfinder ul:after,
#catMifWrapper:after,
div#mifHeroPanelContent:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	
}
/** end fix */
#pageWrapper {
	margin: 0 auto;
	width: 964px;
	background: #fff;
	border-right: 15px solid #ded6d4;
	border-bottom: 15px solid #ded6d4;
	border-left: 15px solid #ded6d4;
}
#pageWrapper table, #pageWrapper #contentWrapper { margin: 0 auto; }
#masthead { width: 994px; }

.debug {
	clear: left;
	background:wheat;
	opacity:0.6;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
}

/**
* =2: Header
*
* @info Page header
*/
#pageWrapper #header {
	padding: 0 20px;
	width: 924px;
	background: #fff url(../images/nav-bg.png) bottom left repeat-x;
}
#header h1 {
	float: left;
	padding: 39px 33px 0 13px;
}
#header div.bandqlogo {
	float: left;
	padding: 39px 33px 0 13px;
}

/**
* =2.1: Skip Links
*
* @info Accessibility links for skipping to specific content
*/
#skipNav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#skipNav li a {
	position: absolute;
	width: 0; 
	height: 0; 
	overflow: hidden;
	border: 0px;
}
#skipNav li a:active, #skipNav a:focus {
	position: absolute;
	top: 40px;
	left: 88px;
	z-index: 1000;
	width: 670px; 
	height: auto; 
	padding: 0px;
	overflow: visible;
	background-color:#999;
	border: 1px solid #f60;
	font-weight: bold;
	color: #fff;
	font-size: 0.9em;
	text-align: center;
}

/**
* =2.2: Main Navigation
*
* @info Main site navigation
**/
#header .navBorder {
	float: left;
	width: 561px;
	height: 6px;
	background: #fff url(../images/nav-border-top.jpg) top left no-repeat;
	
	overflow: hidden;
}
#header #topNav {
	float: left;
	padding: 0 0px;
	width: 973px;
	background: #fff url(../images/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: 973px;
	height: 41px;
	background:url(../images/navi.jpg) no-repeat;
}
#topNav ul li {
	float: left;
	padding: 12px 35px 16px 0;
	z-index: 5001; /*5001 so that the drops downs sit above the multimap controls in firefox*/
}
#topNav ul li a {
	display: block;
	height: 15px;
}
#topNav ul li.stores { padding-right: 0; }

#HPpopularSearch h4, #topNav ul li.advice a, #topNav ul li.help a, #topNav ul li.social a, #topNav ul li.magazine a, #topNav ul li.stores a, #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 , #topNav ul#mainNav li.christmas {background: url(../images/chrome_sprites_xmas.png) no-repeat 0px 0px; outline:none; }



#topNav ul#mainNav li {
	position: relative;
	margin: 0 0 0px 0;
	padding: 0 2px 0 0;
	height: 41px;

	
}

#topNav ul#mainNav li.garden { width: 96px; background-position: 0px 0px }
#topNav ul#mainNav li.rooms { width: 199px; background-position: 0px -82px }
#topNav ul#mainNav li.decor { width: 130px; background-position: 0px -164px}
#topNav ul#mainNav li.fix { width: 187px; background-position: 0px -246px }
#topNav ul#mainNav li.build { width: 178px; background-position: 0px -328px}

#topNav ul#mainNav li.christmas { width: 157px; background-position: 0px -410px; }

body#garden #topNav ul#mainNav li.garden, #topNav ul#mainNav li:hover.garden {  background-position: 0px -41px;}
body#rooms #topNav ul#mainNav li.rooms, #topNav ul#mainNav li:hover.rooms{ background-position: 0px -123px}
body#decor #topNav ul#mainNav li.decor, #topNav ul#mainNav li:hover.decor{ background-position: 0px -205px }
body#fix #topNav ul#mainNav li.fix, #topNav ul#mainNav li:hover.fix{ background-position: 0px -287px }
body#build #topNav ul#mainNav li.build, #topNav ul#mainNav li:hover.build{ background-position: 0px -369px }

body#eco #topNav ul#mainNav li.christmas, #topNav ul#mainNav li:hover.christmas { background-position: 0px -451px; }

#HPpopularSearch h4 {
	float:left;
	width:142px;
	height:17px;
	margin-top:2px;
	background-position:0px -696px;
	
}


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

#topNav ul#mainNav li a {
	border:0;
	display: block;
	height: 35px;
	cursor:pointer;
	text-decoration: none;
	outline:none;
}
#topNav ul#mainNav li.hit {
	background-position: bottom left;
	padding-bottom: 0; background-color:#990000;
}
#topNav ul#mainNav li:hover div.subnav, #topNav ul#mainNav li.over div.subnav { display: block; border:0; }
#topNav ul#mainNav li div.subnav {
	display: none;
	position: absolute;
	top: 34px;  Set 1px less than menu height
	left: 0px;
	padding: 0 0 14px 0;
	width:928px; /**
	background: url(../images/subnav-bottom.png) bottom left no-repeat; */
}
#topNav ul#mainNav li.garden div.subnav { left: 2px;  }
#topNav ul#mainNav li.rooms div.subnav { left: -96px; }
#topNav ul#mainNav li.decor div.subnav { left: -297px; }
#topNav ul#mainNav li.fix div.subnav { left: -429px; }
#topNav ul#mainNav li.build div.subnav { left: -618px; }
#topNav ul#mainNav li.christmas div.subnav { left: -798px; }
/*
#topNav ul#mainNav li.christmas .subnav { background: url(../images/subnav-bottom-xmas.png) bottom left no-repeat; }
#topNav ul#mainNav li.offers div.subnav { left: -431px; }#topNav ul#mainNav li.offers .subnav { background: url(../images/offers-subnav-bottom.png) bottom left no-repeat; }*/

#topNav ul#mainNav li div .subnavTop {
	padding-top: 7px;
	width: 928px;

	
}
/* 
#topNav ul#mainNav li.garden .subnav .subnavTop { background: url(../images/garden-subnav-top-xmas.gif) top left no-repeat; }
#topNav ul#mainNav li.rooms .subnav .subnavTop { background: url(../images/rooms-subnav-top-xmas.gif) top left no-repeat; }
#topNav ul#mainNav li.decor .subnav .subnavTop { background: url(../images/decor-subnav-top-xmas.gif) top left no-repeat; }
#topNav ul#mainNav li.fix .subnav .subnavTop { background: url(../images/fix-subnav-top-xmas.gif) top left no-repeat; }
#topNav ul#mainNav li.build .subnav .subnavTop { background: url(../images/build-subnav-top-xmas.gif) top left no-repeat; }
#topNav ul#mainNav li.christmas .subnav .subnavTop { background: url(../images/christmas-subnav-top.gif) top left no-repeat; }
#topNav ul#mainNav li.eco .subnav .subnavTop { background: url(../images/eco-subnav-top.gif) top left no-repeat; }
#topNav ul#mainNav li.offers .subnav .subnavTop { background: url(../images/offers-subnav-top-xmas.gif) top left no-repeat; }
*/
#topNav ul#mainNav li .subnav ul.subnavContent {
	padding: 15px;
	width: 937px;
	background: #F5F5F5;
	list-style: none;
	border: 1px solid #D7D7D7;
	
	
}
#topNav ul#mainNav li .subnav ul.subnavContent li {
	clear: both;
	margin: 0;
	padding: 0;
	width:928px;
	height: auto;
}
#topNav ul#mainNav li .subnav ul.subnavContent li a:hover {  font-family:Arial; font-size:11px; color:#555555; }
#topNav ul#mainNav li .subnav dl {
	float: left;
	margin: 0 12px 15px 0px !important;
	padding: 0 0 0px 0px;
	width: 218px;
	

}
#topNav ul#mainNav li .subnav dl dt { padding: 0px 0 12px 0px; }
#topNav ul#mainNav li .subnav dl dt a { height: 1em; color:#313131;  }
#topNav ul#mainNav li .subnav dl dt a:hover { height: 1em;  }
#topNav ul#mainNav li .subnav dl dd { padding: 0 0 6px 6px; }
#topNav ul#mainNav li .subnav dl dd a { height: 12px; }

.menu {
	padding:49px 14px 0 0; 
	float:right;

}
/*ul#btn{
height:75px;

}
*/.menu li {
	float:left; 
	position:relative;
	padding-right:12px;
	

}
.menu ul {
color:#FFFFFF;
}
.menu li:first-child {padding-right:14px;}
.menu li.last-item {padding-right:0;}
.menu li a {
	font-family:Arial;
	display:inline-block; 
	font-size:13px; 
	line-height:1.2em; 
	padding-top:16px; 
	color:#fff; 
	background:url(../images/menu-marker.gif) center -20px no-repeat;
	font-weight:bold;
		text-shadow:1px 1px 1px #000;
}
.menu li a.active,
.menu > li > a:hover {background-position:center 0; color:#FF9900;}