/* Suckerfish Nav */
ul.mainnav {
	list-style: none;
	text-transform: uppercase;
	margin: 50px 0 0 0;
	width: 500px;
	padding: 0;
	padding-bottom: 5px;
	list-style: none;
	float: right
}

ul.mainnav li {
	float: left;
	padding: 10px 40px 0 0;
	text-align: right;
	position: relative;
}

ul.mainnav li.last {
	padding-right: 0;
}

ul.mainnav li a {
	text-decoration: none;
	color: black;
}

ul.mainnav li a:hover, ul.mainnav li.sfHover a {
	color: #00f;
}

ul.mainnav li:hover ul, ul.mainnav li ul:hover,
ul.mainNav li.sfHover ul {
	display: block;
}

ul.mainnav li ul {
	display: none;
	background: transparent url('webimages/menu-bottom.gif') no-repeat center bottom;
	position: absolute;
	/* left: auto; */
	left: 0;
	width: 200px;
	padding: 15px 0 15px 0;
	list-style: none;
	color: black;
	float: left;
	margin: 0;
	clear: both;
	top: 15px;
	z-index: 999;
}

ul.mainnav li ul li {
	list-style-position: inside;
	text-align: left;
	float: none;
	padding: 10px 0 10px 20px;
	text-transform: none;
	background-color: #fff;
}

ul.mainnav li.sfHover ul li a {
	color: black;
	display: block;
	width: 100%;
	height: 100%;
}

ul.mainnav li ul li:hover {
	background: white url(webimages/menu-hover.gif) no-repeat top left;
}
/* End Suckerfish nav */

/* Suckerfish nav for client page */
ul.clientnav {
	list-style: none;
	text-transform: uppercase;
	margin-top: 50px;
	margin-bottom: 0px;
	width: 500px;
	padding: 0;
	padding-bottom: 5px;
	list-style: none;
	float: right
}

ul.clientnav li {
	float: left;
	padding: 10px 40px 0 0;
	text-align: right;
	position: relative;
}

ul.clientnav li.last {
	padding-right: 0;
}

ul.clientnav li a {
	text-decoration: none;
	color: black;
}

ul.clientnav li a:hover, ul.clientnav li.sfHover a {
	color: #00f;
}

ul.clientnav li:hover ul, ul.clientnav li ul:hover {
	display: block;
}

ul.clientnav li ul {
	display: none;
	background: transparent url('webimages/menu-bottom.gif') no-repeat center bottom;
	display: none;
	position: absolute; 
	top: 15px;
	left: 0;
	width: 200px;
	padding: 15px 0 15px 0;
	list-style: none;
	color: black;
}

ul.clientnav li ul li {
	list-style-position: inside;
	text-align: left;
	float: none;
	padding: 10px 0 10px 20px;
	text-transform: none;
	background-color: #fff;
}

ul.clientnav li.sfHover ul li a {
	color: black;
	display: block;
	width: 100%;
	height: 100%;
}

ul.clientnav li ul li:hover {
	background: white url(webimages/menu-hover.gif) no-repeat top left;
}
/* End Suckerfish nav for client page */


/* Main Logo */
h1#shopper-logo {
	width: 250px;
	height: 100px;
	background-image: url(webimages/shopper-logo.gif);
	text-indent: -9999px;
	margin: 0;
	float: left;
	margin-bottom:5px;
	padding:0;
	font-size: 12px;
}

h1#shopper-logo a {
	display: block;
	width: 100%;
	height: 100%;
}
/* End Main Logo */

/* Client and shopper login links */
ul.login-menu {
	float: right;
	text-transform: uppercase;
	list-style: none;
	padding: 0;
	margin: 10px 0 0 0;
	text-align: right;
}

ul#client-menu {
	width: 150px;
}

ul.login-menu li {
	float: left;
	padding-left: 20px;
	display: inline;
}

ul.login-menu li a {
	text-decoration: none;
	color: black;
}

ul.login-menu li a:hover {
	color: #00F;
}


/* End Client and shopper login links */