/* ==========================================================================
 * Target Grocery feed the family lunch
 * Author: Pablo Marchena
 * Date: 03-25-13
 * ========================================================================== */

/* Rolls Parallax
   ========================================================================== */

.target-container {
	width: 950px;
	margin: 0 auto;
	border-bottom: 1px dotted #b2b2b2;
}

/* Parallax container */

#ffl-container {
	width: 1200px;
	margin-left: -225px;
	position: relative;
	text-align: left !important;
	overflow: hidden;
}

.ffl-parallax-wrap {
	width: 780px;
	height: 460px;
	position: relative;
	z-index: 550;
}

/* Main Styles */
.ffl-title {
	margin: 0;
	position: absolute;
	top: 30px;
	left: 205px;
	font: bold 40px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #999;
	z-index: 560;
}

.ffl-info {
	width: 285px;
	position: absolute;
	top: 250px;
	right: 144px;
	z-index: 500;
	font: normal 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

	.ffl-info h2 {
		width: 281px;
		height: 85px;
		margin: 0;
		background: url("http://static.targetimg1.com/DVM/2013/April/wk5/Feed_Family/img/prx-title.gif") no-repeat 0 0;
		text-indent: -9999em;
	}

	.ffl-info p {
		color: #666;
		font-size: 14px;
		font-weight: normal;
		line-height: 16px;
		margin: 10px 0 20px 0!important;
		padding: 0px!important;
	}

	.ffl-info a {
		font-size: 14px;
		font-weight: bold;
		color: #0069ff;
		line-height: 16px;
	}

/* Parallax content */
.ffl-content,
.ffl-element {
	position: absolute;
	display: block;
}

.ffl-roll-wrap,
.ffl-element {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

.ffl-content { cursor: pointer; }

.ffl-content.active { z-index: 1100; }

	.ffl-roll-wrap {
		width: 278px;
		height: 283px;
		position: relative;

	}

		/* Background rolls */
		.back-roll1 {
			top: 16px;
			left: 13px;
		}

		.back-roll2 {
			top: -30px;
			left: 422px;
		}

		.back-roll3 {
			top: -10px;
			left: 858px;
		}


		/* Main rolls */
		.ffl-roll-teriyaki {
			top: 90px;
			left: 145px;
		}

		.ffl-roll-california {
			top: 195px;
			left: 405px;
		}

		.ffl-roll-wasushi {
			top: 30px;
			left: 570px;
		}


/* Rolls Tooltips
   ========================================================================== */

.active .ffl-tooltip { display: block; }

.ffl-tooltip {
	width: 490px;
	margin-top: -63px;
	padding: 15px 20px 15px 18px;
	position: absolute;
	left: 70%;
	top: 50%;
	border: 1px solid #000;
	background-color: #fff;
	display: none;
}
.tt-sec{ left:35%}
.tt-third{ left:26%}
	.ffl-arrow {
		width: 15px;
		height: 27px;
		margin-top: -13px;
		background: url('http://static.targetimg1.com/DVM/2013/April/wk5/Feed_Family/img/prx-tooltip-arrow.png') no-repeat 0 0;
		position: absolute;
		top: 50%;
		left: -15px;
	}

	.ffl-tooltip-info {
		overflow: hidden;
		font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #666;
	}

		.ffl-tooltip-info h3 {
			margin: 0 0 15px;
			font-style: italic;
			font-size: 20px;
			line-height: 1.2em;
			text-transform: uppercase;
			font-weight: normal;
		}

		.ffl-tooltip-info img {
			float: left;
		}

		.ffl-tooltip-info p {
			margin-left: 170px;
		}

/*Template Fixes*/
#Content .HeaderGrid { margin-top:-21px !important}
#Main .utilityTemplate.category-template.ph2 .x0y0.w2.h2 { border-right: none!important;}