div#header{
	width:750px;
	background-color: #ffffff;
	height:96px;
	z-index:10001; /* this is because of avatar AJ, normally just a modest 99 */
}

/* LOGO */
div#header div#logo{
	position:absolute;
	top:0;
	left:15px;
	background: url(/images/navigation/logo.gif) no-repeat;
	width:214px;
	height:71px;
	z-index:99;
}

div#header div#logo h1#title{
	
}

div#header div#logo h1#title a{
	display:block;
	width:213px;
	height:71px;
	text-decoration:none;
	margin-top:-12px;
}

div#header div#logo h1#title a span{
	visibility:hidden;
}

div#header div#logo h2#subtitle{
	display:none;
}

/* ACCOUNT NAV */
div#header div#account-nav{
	position:absolute;
	padding-top:10px;
	background: url(/images/navigation/nav-account-background.jpg) no-repeat 0 10px;
	width:233px;
	height:13px;
	margin-left:510px;
}

div#header div#account-nav-online{
	position:absolute;
	padding-top:10px;
	background: url(/images/navigation/nav-online-background.jpg) no-repeat 0 10px;
	width:300px;
	height:13px;
	margin-left:442px;
}

div#header div.account-nav ul{
	list-style: none;
	margin:0;
	padding:0;
	float:left;
}

div#header div.account-nav ul li{
	display:inline;	
	float:left;
}

div#header div.account-nav ul li a{
	position:relative;
	top:0;
	text-decoration:none;
	display:block;
	height:20px;
}

div#header div#account-nav div#cart-items, div#header div#account-nav-online div#cart-items{
	float:right;
	color: #ffb515;
	margin-left:3px;
	padding-bottom:3px;
	font-size: 11px;
	font-family:Verdana,Arial;
}

div#header div#account-nav ul li a#account-list-item{
	width:75px;
}

div#header div#account-nav ul li a#account-list-item:hover{
	background: url(/images/navigation/nav-account-background-on.jpg) no-repeat 0 0px;
}

div#header div#account-nav ul li a#cart-list-item{
	margin-left:13px;
	width:86px;
}

div#header div#account-nav ul li a#cart-list-item:hover{
	background: url(/images/navigation/nav-account-background-on.jpg) no-repeat -88px 0px;
}

div#header div#account-nav-online ul li a#account-list-item{
	width:75px;
}


div#header div#account-nav-online ul li a#account-list-item:hover{
	background: url(/images/navigation/nav-online-background-on.jpg) no-repeat 0 0px;
}

div#header div#account-nav-online ul li a#logout-list-item{
	width:55px;
	margin-left:13px;
}

div#header div#account-nav-online ul li a#logout-list-item:hover{
	background: url(/images/navigation/nav-online-background-on.jpg) no-repeat -88px 0px;
}

div#header div#account-nav-online ul li a#cart-list-item{
	margin-left:13px;
	width:86px;
}

div#header div#account-nav-online ul li a#cart-list-item:hover{
	background: url(/images/navigation/nav-online-background-on.jpg) no-repeat -156px 0px;
}

div#header div.account-nav ul li a span{
	visibility:hidden;
}

/* INFO NAV */
div#header div#info-nav{
	clear: both;
	position:absolute;
	top:40px;
	width:410px;
	margin-left:340px;
	background: url(/images/navigation/nav-info-background.jpg) no-repeat;
	height:9px;
}

div#header div#info-nav div#searchbox form{
	margin:0;
	padding:0;
	position:relative;
	left:5px;
}

div#header div#info-nav div#searchbox{
	position:absolute;
	right:0;
	top:-10px;
	right:5px;
}

div#header div#info-nav div#searchbox #submit-search{
	position:relative;
	top:5px;
	left:-4px;
	border-color:red;
}

div#header div#info-nav ul{
	list-style: none;
	margin:0;
	padding:0;
	float:left;
}

div#header div#info-nav ul li{
	display:inline;	
}

div#header div#info-nav ul li a{
	position:relative;
	top:0;
	text-decoration:none;
	display:block;
	height:8px;
	float:left;
}

div#header div#info-nav ul li a#newsletter-list-item{
	width:77px;
	margin-right:14px;
}

div#header div#info-nav ul li a#newsletter-list-item:hover{
	background: url(/images/navigation/nav-info-background-on.jpg) no-repeat;
}

div#header div#info-nav ul li a#about-list-item{
	width:60px;
	margin-right:18px;
}

div#header div#info-nav ul li a#about-list-item:hover{
	background: url(/images/navigation/nav-info-background-on.jpg) no-repeat -91px 0;
}

div#header div#info-nav ul li a#friend-list-item{
	width:83px;
	margin-right:23px;
}

div#header div#info-nav ul li a#friend-list-item:hover{
	background: url(/images/navigation/nav-info-background-on.jpg) no-repeat -169px 0;
}

div#header div#info-nav ul li a span{
	visibility:hidden;
}

/* PRODUCT NAV */
div#header div#product-nav{
	clear: both;
	width:750px;
	height:25px;
	background-color: #ffffff;
	background: url(/images/navigation/nav_ul.gif) no-repeat;
	position:absolute;
	top:71px;
	left:0;
}

div#header div#product-nav ul{
	list-style: none;
	margin:0 0 0 122px;
	position:absolute;
	padding:0; 
	float:left;
	z-index:100;
}

div#header div#product-nav ul li{
	display:inline;	
	float:left;
}

div#header div#product-nav ul li a{
	text-decoration:none;
}

div#header div#product-nav ul li a{
	position:relative;
	top:0px;
	height:25px;
	display:block;
	margin-right:20px;
	text-indent: -9999px;
	overflow: hidden;
}

div#header div#product-nav ul li a#products-list-item{
	width:70px;
	margin-right:23px;	
	background: url('/images/navigation/nav_sprite.gif') -15px 0 transparent;
}

div#header div#product-nav ul li a#products-list-item:hover{
	background-position: -15px -25px;
}

div#header div#product-nav ul li a#nano-list-item{
	background: url('/images/navigation/nav_sprite.gif') -103px 0 transparent;
	width:112px;
}

div#header div#product-nav ul li a#nano-list-item:hover{
	background-position: -103px -25px;
}

div#header div#product-nav ul li a#carcare-list-item{
	background: url('/images/navigation/nav_sprite.gif') -236px 0 transparent;
	width:58px;
}

div#header div#product-nav ul li a#carcare-list-item:hover{
	background-position: -236px -25px;
}

div#header div#product-nav ul li a#sweeps-list-item{
	background: url('/images/navigation/nav_sprite.gif') -315px 0 transparent;
	width:49px;
}

div#header div#product-nav ul li a#sweeps-list-item:hover{
	background-position: -315px -25px;
}

div#header div#product-nav ul li a#events-list-item{
	background: url('/images/navigation/nav_sprite.gif') -386px 0 transparent;
	width:45px;
}

div#header div#product-nav ul li a#events-list-item:hover{
	background-position: -386px -25px;
}

div#header div#product-nav ul li a#retailer-list-item{
	background: url('/images/navigation/nav_sprite.gif') -453px 0 transparent;
	width:95px;
}

div#header div#product-nav ul li a#retailer-list-item:hover{
	background-position: -453px -25px;
}

div#header div#product-nav ul li a#contact-list-item{
	background: url('/images/navigation/nav_sprite.gif') -569px 0 transparent;
	width:55px;
}

div#header div#product-nav ul li a#contact-list-item:hover{
	background-position: -569px -25px;
}

div#header div#product-nav ul li a span{
	visibility:hidden;
}

