/* 
 CSS for portioning tabs when it isn't showings seasonal themes
 */
/* recover 30px margin below the intro, to compensate for tab height */
.primary_content {
	margin-bottom: 0px;
}
.intro {
	margin-bottom: 10px;
}

.tabs_container {
	position: relative; /* for positioning holly */
	width: 720px;
}
ul.tabs {
	background-image: url(/images/seasonal_portioning/menu_tabs_background.png);
	height: 87px;
	width: 720px;
}
ul.tabs li {
	float: left;
}
ul.tabs li span, ul.tabs li a {
	display: block;
	text-indent: -5000px;
}
ul.tabs li#tab_everyday_perfect_portions{
  margin-left:25px;
}
  ul.tabs li#tab_everyday_perfect_portions span {
  	width: 167px;
  	height: 87px;
  	background-image: url(/images/seasonal_portioning/tab_everyday_perfect_portions_active.png);
  }
  ul.tabs li#tab_everyday_perfect_portions a {
  	width: 167px;
  	height: 87px;
  	background-image: url(/images/seasonal_portioning/tab_everyday_perfect_portions_inactive.png);
  }
ul.tabs li#tab_party_portions{
  margin-left:10px;
}
  ul.tabs li#tab_party_portions span {
  	width: 139px;
  	height: 87px;
  	background-image: url(/images/seasonal_portioning/tab_party_portions_active.png);
  }
  ul.tabs li#tab_party_portions a {
  	width: 139px;
  	height: 87px;
  	background-image: url(/images/seasonal_portioning/tab_party_portions_inactive.png);
  }

#portionwrapper {
	clear: both; /* clear the tabs */
	padding-top: 7px; /* was 25px, but 16px are now part of the tabs instead. Doesn't that make 9? Well, 7 works. Meh. */
	background-position: 0px -16px;
}