/*
CSS HOME
*/

/*
========================================================
TEASER IMAGE
========================================================
*/

#teaser,
#teaser img
{
		height:			850px !important;
}

/*
========================================================
IMAGE
========================================================
*/

#image
{
	position:			relative;
	height:			625px !important;
}

.promotion,
#appfinder,
#series
{
	visibility:			hidden;
}

.promotion
{
	display:				block;
	margin:					0 0 0 20px;
	height:					124px;
	width:					928px;
	background-image: 		url(/images/buttons/keep-it-hot-coupon.png);
	background-repeat: 		no-repeat;
	background-position: 	left top;
}

.promotion:hover
{
	background-position: 	left bottom;
}

#appfinder
{
	margin:		12px 0 0 0;
	padding:	0 0 0 40px;
	height:		160px;
	width:		940px;
}

#appfinder span.h1
{
	margin:			0 15px 0 0;
	font-size:		20px;
	font-weight:	bold;
}

#appfinder span.h2
{
	padding-top:	8px;
	text-transform:	uppercase;
}

#appfinder .row
{
	display:		block;
	margin:			12px 0 0 0;
}

#appfinder span.col
{
	display:		block;
	width:			270px;
	height:			25px;
}

#series
{
	margin:		0 0 0 0;
	padding:	0 0 0 0;
	height:		310px;
	width:		980px;
}

#series ul,
#series ul li
{
	margin:		0 0 0 0;
	padding:	0 0 0 0;
	list-style:	none;
}

#series ul li
{
	display:			block;
	float:				left;
}

#series ul li .imgwrapper
{
	position:			relative;
	display:			block;
	height:				211px;
}

#series ul li .imgwrapper a
{
	position:			absolute;
	bottom:				0;
	margin:				auto 0;
}

#series ul li .wrapper
{
	display:		block;
	text-align:		center;
}

#series ul li.ed .wrapper
{
	padding-left:	40px;
	width:			159px;
}

#series ul li.fd .wrapper
{
	padding-left:	45px;
	width:			154px;
}

#series ul li.fed .wrapper
{
	padding-left:	48px;
	width:			220px;
}

#series ul li.fp .wrapper
{
	padding-left:	48px;
	width:			222px;
}

#series ul li span.h1
{
	display:		block;
	height:			38px;
	margin-top:		4px;
	font-size:		12px;
	color:			#4e4e4e;
	text-transform:	uppercase;
}

#series ul li span.h2
{
	display:		block;
	margin-bottom:	10px;
	font-size:		20px;
	font-weight:	bold;
}

#series ul li.ed,
#series ul li.fd
{
	width:		199px;
}

#series ul li.fed
{
	width:		268px;
}

#series ul li.fp
{
	width:		270px;
}

#series ul li .btn
{
	margin:			0 auto;
	width:			162px;
	text-align:		center;
}

#series ul li .btn a
{
	display:				block;
	float:					left;
	background-repeat: 		no-repeat;
	background-position: 	left top;
	text-indent:			-9999px;
}

#series ul li .btn a.explore
{
	width:					67px;
	height:					30px;
	background-image: 		url(/images/buttons/explore.png);
}

#series ul li .btn a:hover
{
	background-position: 	left bottom;
}

#series ul li .btn a.coupon
{
	width:					95px;
	height:					30px;
	background-image: 		url(/images/buttons/coupon.png);
}

a#starbucksaaa
{
	position:				absolute;
	bottom:					-35px;
	margin-left:			270px;
	padding: 				0 0 0 40px;
	display:				block;
	width:					480px;
	height:					57px;
	overflow:				hidden;
	z-index:				999;
	background-image: 		url(/images/buttons/starbucks-popup-bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#starbucks
{
	position:				absolute;
	bottom:					-35px;
	right:					300px;
	bottom:					-90px;
	padding: 				0 0 0 40px;
	display:				block;
	width:					480px;
	height:					57px;
	z-index:				500;
	background-image: 		url(/images/buttons/starbucks-popup-bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#starbucks a
{
	position:				absolute;
	bottom:					0px;
	display:				block;
	width:					480px;
	height:					57px;
	overflow:				hidden;
}

/*
========================================================
CONTENT
========================================================
*/

#content
{
	padding:				53px 0 0 0;
	background-position: 	left 70px;
}

/*
========================================================
SECONDARY
========================================================
*/

.secondary
{
	background-position: left 17px;
}








#dialog
{
	position:		absolute;
	left:			50%;
	top:			50%;
	margin-left: 	-375px;
	margin-top:		-345px;
	display:		block;
	width:			265px;
	height:			200px;
	padding:		30px 25px 0 210px;
	background-image: url(/images/binder-individual.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#FFF;
	z-index:		999;
}

#modal
{
	position:		fixed;
	display:		block;
	height:			100%;
	width:			100%;
	background-color:#000;
	z-index:		500;
	filter:alpha(opacity=50); /* IE */
	-moz-opacity: 0.50; /* Mozilla */
	opacity: 0.50; /* Opera */
}

#dialog p
{
	margin:			12px 0 12px 0;
}

#dialog a.cancel
{
	display:block;
	width:90px;
	height:30px;
	background-image: url(/images/buttons/cancel.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#dialog a.request
{
	display:block;
	margin-left:15px;
	width:130px;
	height:30px;
	background-image: url(/images/buttons/request.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#dialog a.cancel:hover,
#dialog a.request:hover
{
	background-position: left bottom;
}

#dialog,
#modal
{
	display:	none;
}