ul#secondary_nav{
}

	ul#secondary_nav li#ourtoffees a{
		background-image: url(/images/secnav_ourtoffees.png);
		width: 80px;
	}
	
	ul#secondary_nav li#goodybags a{
		background-image: url(/images/secnav_goodybagsboxes.png);
		width: 146px;
	}
	
	ul#secondary_nav li#ourcommitment a{
		background-image: url(/images/secnav_ourcommitment.png);
		width: 239px;
	}



div#toffees{
}

	div#toffees h2{
		background-image: url(/images/toffees_h2_sugar-honey.png);
		height: 18px;
		margin: 0 0 4px 0;
		text-indent: -50000px;
		width: 206px;
	}
	
	div#toffees h3{
		background-image: url(/images/toffees_h3_12flavors.png);
		height: 18px;
		margin: 22px 0 12px 0;
		text-indent: -50000px;
		width: 261px;
	}
	
	div#toffees img.overlay_icon{
		position: absolute;
		right: 8px;
		top: 8px;
		z-index: 12;
	}
	
	div#toffees table{
		border-collapse: collapse;
		margin-bottom: 10px;
		width: 334px;
	}
	
	div#toffees table#traditional{
		float: left;
	}
	
	div#toffees table#contemporary{
		float: right;
	}
		
		div#toffees table#traditional th{
			background: url(/images/toffees_traditional_th.png);
			height: 35px;
			text-indent: -50000px;
			width: 334px;
		}
		
		div#toffees table#contemporary th{
			background: url(/images/toffees_contemporary_th.png);
			height: 35px;
			text-indent: -50000px;
			width: 334px;
		}
		
		div#toffees table td{
			vertical-align: top;
			padding: 4px 0;
			width: 164px;
		}
		
			div#toffees table td a{
				display: block;
				position: relative;
			}
		
			div#toffees table td.spacer{
				width: 6px;
			}
		
			div#toffees table td p{
				margin: 6px 0;
			}
		
			div#toffees table#traditional td strong{
				color: #763011; /* brown text */
				font-family: georgia;
				font-weight: normal;
			}
		
			div#toffees table#contemporary td strong{
				color: #aebc20; /* green text */
				font-family: georgia;
				font-weight: normal;
			}
			
	div#toffees img#toffeecare{
		display: block;
		margin: 20px auto 0 auto;
		width: 644px;
	}


div#goody_bags{
}

	div#goody_bags h2{
		background-image: url(/images/toffees_h2_crunch-crunch.png);
		height: 14px;
		margin: 0 0 8px 0;
		text-indent: -50000px;
		width: 277px;
	}

	div#goody_bags h3#bags{
		background-image: url(/images/toffees_h3_goody-bags.png);
		height: 18px;
		margin: 4px 0 12px 0;
		text-indent: -50000px;
		width: 103px;
	}
	
	div#goody_bags h3#boxes{
		background-image: url(/images/toffees_h3_goody-boxes.png);
		height: 18px;
		margin: 4px 0 12px 0;
		text-indent: -50000px;
		width: 112px;
	}
	
	div#goody_bags h4{
		height: 34px;
		margin: 5px 0 12px 0;
		text-indent: -50000px;
	}
	
	div#goody_bags h4#bags_toffee{
		background: url(/images/toffees_h4_bags-toffee.png);
		width: 222px;
	}
	
	div#goody_bags h4#bags_brittle{
		background: url(/images/toffees_h4_bags-brittle.png);
		width: 221px;
	}
	
	div#goody_bags h4#boxes_toffee{
		background: url(/images/toffees_h4_boxes-toffee.png);
		width: 260px;
	}
	
	div#goody_bags h4#boxes_mix{
		background: url(/images/toffees_h4_boxes-mix.png);
		width: 221px;
	}
	
		div#goody_bags p strong{
			color: #763011; /* brown text */
		}
		
		div#goody_bags p strong.green{
			color: #c4cc32; /* lighter green text */
		}
	
	div#goody_bags div#col_1{
		float: left;
		width: 260px;
	}
	
	div#goody_bags div#col_2{
		float: right;
		width: 380px;
	}
	
	div#goody_bags div#inset{
		float: right;
		margin: -40px 0 0 16px;
		text-align: center;
	}
	
	div#goody_bags img#divide{
		margin-left: -24px;
		width: 387px;
	}


div#good_ease{
}

	div#good_ease h2#commitment{
		background-image: url(/images/toffees_h2_good-ease-commitment.png);
		height: 14px;
		margin: 0 0 8px 0;
		text-indent: -50000px;
		width: 340px;
	}

	div#good_ease h2#mustbe{
		background-image: url(/images/toffees_h2_must-be.png);
		height: 18px;
		margin: 10px 0 4px 0;
		text-indent: -50000px;
		width: 230px;
	}
	
	div#good_ease h2#toffeecare{
		background-image: url(/images/toffees_h2_toffee-care.png);
		height: 19px;
		margin: 10px 0 3px 0;
		text-indent: -50000px;
		width: 235px;
	}
	
	div#good_ease a{
		color: #c4cc32; /* lighter green text */
		font-weight: bold;
		text-decoration: none;
	}
	
	div#good_ease a:hover{
		text-decoration: underline;
	}
	
	div#good_ease div#col_1{
		float: left;
		width: 526px;
	}
	
	div#good_ease div#col_2{
		float: right;
		padding-top: 90px;
		width: 155px;
	}
	
	ul#mix{
		clear: both;
	}

		ul#mix li{
			float: left;
			text-align: center;
		}
	


div#left_col{
	float: left;
	width: 205px;
}

	div#left_col p{
		margin-bottom: 0;
	}
	
	div#left_col p img{
		margin-bottom: 7px;
	}
	
div#right_col{
	float: right;
	width: 688px;
}