@charset "UTF-8";
/* CSS Document */
#flavorsdiv {
	position: relative;
	margin: 0px auto 23px;
	clear: both;
	width: 847px;
	height: 485px;
	background-image: url(../images/bkg/flavors.jpg);
	background-repeat: no-repeat;
}
#flavordiv {
	position: relative;
	float: left;
	margin: 16px 0 0 240px;
	width: 600px;
}
#flavor {
	position: absolute;
	top: 33%;
	#top: 50%;
	left: 240px;
	display: table-cell;
	vertical-align: middle;
	width: 600px;
}
#flavor p, #flavordiv p {
	margin: 0px;
	padding: 0px;
}
#flavor img, #flavordiv img {
	margin: 0px;
	padding: 0 0 10px 0;
}
.flcol {
	width: 140px;
	position: relative;
	display: inline;
	float: left;
	margin: 0 0 10px 0;
}
.flcol p {
	margin: 0px;
	padding: 0px;
	font-size: 15px;
	line-height: 18px;
}
.flcol a:link, .flcol a:visited {
	color: #000;
	text-decoration: none;
}
.flcol a:hover {
	color: #333;
}
#col1 {
	width: 100px;
	position: relative;
	display: inline;
	float: left;
	color: #000;
	margin: 0 10px 0 0;
}
* html #col1 {  /* This is the Tan hack */
	width: 110px; 
	w\idth: 100px;
}
#col2 {
	width: 450px;
	position: relative;
	float: left;
	color: #000;
}
* html #col2 {  /* This is the Tan hack */
	width: 260px; 
	w\idth: 250px;
}
#col2 p {
	text-align: left;
	margin: 0px;
	padding: 0 0 10px 0;
	font-size: 15px;
	line-height: 18px;
}
#col2 h2 {
	margin: 0 0 10px 0;
	padding: 0;
	text-align:left;
	font-size: 24px;
	color: #F7E5D0;
}
#col2 a:link {
	color: #F7E5D0;
}
#col2 a:hover {
	color: #FFF;
}
#col2 a:visited {
	color: #F7E5D0;
}