@charset "utf-8";

/* Inherit from the PMW prototype, which explains what elements do and which are required.  To start a new site, copy the PMW block from that sheet and modify here as needed */
@import url('/_common/css/suckerfish_pmw_prototype.css');

/* ############################# begin customizations for this site ############################## */


ul#primary_nav { 
	position:relative;
	left: -4px; top: 0;
	width: 949px; 
	float:left;
	z-index: 80;
}
ul#primary_nav li { 
	padding: 0;
	display: inline;
	float: left;
}
ul#primary_nav li a {
	height: 61px; 
	text-indent: -9999px;
	background-position: top center;
	background-repeat: no-repeat;
}
ul#primary_nav li li a {
	height: auto; 
	text-indent: 0;
	background-image: none;
}

ul#primary_nav li a:hover, ul#primary_nav a.on   { background-position: bottom center; }
ul#primary_nav li#primary_nav_top_supplements, ul#primary_nav li#primary_nav_top_supplements a.top_supplements {
	width: 172px;
	background-image: url("/_common/img/nav/top_supplements.jpg");
}
ul#primary_nav li#primary_nav_for_people, ul#primary_nav li#primary_nav_for_people a.for_people {
	width: 115px;
	background-image: url("/_common/img/nav/for_people.jpg");
}
ul#primary_nav li#primary_nav_health_concerns, ul#primary_nav li#primary_nav_health_concerns a.health_concerns {
	width: 161px;
	background-image: url("/_common/img/nav/health_concerns.jpg");
}
ul#primary_nav li#primary_nav_for_pets, ul#primary_nav li#primary_nav_for_pets a.for_pets {
	width: 93px;
	background-image: url("/_common/img/nav/for_pets.jpg");
}
ul#primary_nav li#primary_nav_discounts_gifts, ul#primary_nav li#primary_nav_discounts_gifts a.discounts_gifts {
	width: 151px;
	background-image: url("/_common/img/nav/discounts_gifts.jpg");
}
ul#primary_nav li#primary_nav_about_us, ul#primary_nav li#primary_nav_about_us a.about_us {
	width: 103px;
	background-image: url("/_common/img/nav/about_us.jpg");
}
ul#primary_nav li#primary_nav_customer_care, ul#primary_nav li#primary_nav_customer_care a.customer_care {
	width: 153px;
	background-image: url("/_common/img/nav/customer_care.jpg");
}

/* ---------- drop down menus ---------- */

ul#primary_nav ul { /* 2nd-level and lower lists */
	margin-top: -5px;
	margin-left: 0px;
	background: #D7E1EC;
	width: 180px; /* required: suckerfish original sets 10em, so must override.  This controls the width of 2nd-level and lower menu items -- everything that expands out from the original. */s
}

ul#primary_nav li.first ul {
	margin-left: 13px;
}

ul#primary_nav li.last ul {/* the last item in the list */
	width: 140px;
}

ul#primary_nav li.last ul li a { /* links within last item in the list */
	width: 112px;
}

ul#primary_nav ul li { /* 2nd-level and lower items */
	width: 100%; /* required: override width set on 1st-level items above. Use 100% unless something else needed (e.g. if using padding) */
}

ul#primary_nav ul li a { /* 2nd-level and lower links */
	padding: 5px 9px 5px;
	width: 162px; /* subtract off padding */
}

ul#primary_nav li:hover, ul#primary_nav li.sfhover { /* hover state on li items */
	background: #4071A6; /* optional: create a rollover for all levels of li items (not a) */
	color: #fff;
}
ul#primary_nav ul li a:hover {
	color: #fff;
	text-decoration: none;
}


/* ############################# end customizations for this site ############################## */