.promo-box {
	position: relative;
	left: 50%;
	margin-left: -453px;
	width: 906px;
}

.promo-box .item-separator {
	position: absolute;
	width: 1px;
	height: 69px;
	left: 453px;
	top: 0px;
	background: url(/image/promobox_itemseparator.png) 0px 0px no-repeat;
	z-index: 10;
}

.promo-box .backdrop-top {
	position: relative;
	width: 100%;
	height: 5px;
	background: url(/image/promobox_backdrop_top.png) 0px 0px no-repeat;
}

.promo-box .item-container {
	position: relative;
	width: 100%;
	background: url(/image/promobox_backdrop_middle.png) 0px 0px no-repeat;
}

.promo-box .item-row {
	width: 100%;
	height: 150px;
}

.promo-box .item-row .item {
	position: relative;
	float: left;
	width: 438px;
	height: 150px;
	cursor: pointer;
}

.promo-box .item-row .item.solo {
	left: 50%;
	margin-left: -219px;
}

.promo-box .item-row .item .swirl {
	position: absolute;
	left: 0;
	top: 0;
	width: 237px;
	height: 155px;	/* originally 171, reduced to 155 to prevent spilling of hit area */
	background: url(/image/promobox_itemswirl.png) 0px 0px no-repeat;
}

.promo-box .item-row .item .image {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 180px;
	height: 120px;
}

.promo-box .item-row .item .text-area {
	position: absolute;
	left: 205px;
	top: 0;
	width: 233px;
	height: 134px;
	overflow: hidden;
}

.promo-box .item-row .item .title {
	position: relative;
	float: left;
	width: 466px;
	height: 80px;
}

.promo-box .item-row .item:hover .title {
	margin-left: -233px;
}

.promo-box .item-row .item .title img {
	position: absolute;
	bottom: 0;
}

.promo-box .item-row .item .description {
	position: relative;
	float: left;
	width: 233px;
	margin-top: 5px;
}

.promo-box .backdrop-bottom {
	position: relative;
	width: 100%;
	height: 6px;
	background: url(/image/promobox_backdrop_bottom.png) 0px 0px no-repeat;
}