.related_recipes_wrap {
	position: relative;
	width: 700px;
	margin: 0 auto;
	padding-bottom: 50px;
}
/* Arrows for the floating text blocks */
/* Can't use sprites as the text boxes could be any size */
.recipe_arrow_ur { background-image: url(images/ur.png); } /* 40x27 */
.recipe_arrow_dl { background-image: url(images/dl.png); } /* 34x32 */
.recipe_arrow_ul { background-image: url(images/ul.png); } /* 34x34 */

.recipe_arrow {
	background-repeat: no-repeat; position: absolute;
	font-family: 'La Belle Aurore', 'Brush Script MT', 'cursive'; font-size: large;
}

.recipe_arrow_p_t  { background-position: top; }
.recipe_arrow_p_l  { background-position: left; }
.recipe_arrow_p_tr { background-position: right top; }

.recipe_arrow_p_t.recipe_arrow_ul,
.recipe_arrow_p_tl.recipe_arrow_ul,
.recipe_arrow_p_tr.recipe_arrow_ul,
.recipe_arrow_p_t.recipe_arrow_dl,
.recipe_arrow_p_tl.recipe_arrow_dl,
.recipe_arrow_p_tr.recipe_arrow_dl { padding-top: 34px; }
.recipe_arrow_p_t.recipe_arrow_ur,
.recipe_arrow_p_tl.recipe_arrow_ur,
.recipe_arrow_p_tr.recipe_arrow_ur { padding-top: 27px; }
.recipe_arrow_p_l.recipe_arrow_ul,
.recipe_arrow_p_l.recipe_arrow_dl { padding-left: 34px; }
.recipe_arrow_p_l.recipe_arrow_ur { padding-left: 40px; }


.xsell_recipe_text { 
	width: 240px; max-width: 250px; min-width: 100px;
	background-color: #e1eaf3;
	background-size: 250px 27px;
	display: inline-block;
	vertical-align: middle;
}
.xsell_recipe_text_inner { 
	padding: 1ex 2ex 4ex 2ex;
}
.xsell_recipe_text::before {
	width: 100%;
	height: 35px;
	background: bottom left url(images/torn-top-pblue.png) repeat-x;
	background-color: #ffffff;
	background-size: 250px 32px;
	content: " ";
	display: block;
}
.xsell_recipe_text::after {
	width: 100%;
	height: 35px;
	background: top left url(images/torn-bottom-pblue.png) repeat-x;
	background-color: #ffffff;
	background-size: 250px 32px;
	content: " ";
	display: block;
}

.xsell_related_recipes {
	position: relative;
	display: inline-block;
	left: 20px;
}
.container .xsell_related_recipes {
	width: 66%;
	max-width: 600px;
}
.xsell_related_recipes .related_recipe,
.xsell_related_recipes .backing_pic {
	display: inline-block;
	background-color: white;
	border: 1px #c0c0c0 solid;
	box-shadow: 0px 0px 12px -1px #333333;
	padding: 7px 7px 20px 7px;
	position: relative;
	z-index: 2;
}
.xsell_related_recipes .backing_pic { width: 124px; height: 137px; position: absolute; z-index: 1; }
.xsell_related_recipes .backing_pic_1 { transform: rotate(-4deg); top: 0px; left: 15px; }
.xsell_related_recipes .backing_pic_2 { transform: rotate(-2deg); top: 5px; left: 130px; }
.xsell_related_recipes .backing_pic_3 { transform: rotate(2deg); top: 10px; left: 260px; }
.xsell_related_recipes .recipe_pic_1 { transform: rotate(-5deg); top: -10px; left: 20px; }
.xsell_related_recipes .recipe_pic_2 { transform: rotate(5deg); top: 10px; z-index: 3; }
.xsell_related_recipes .recipe_pic_3 { transform: rotate(-5deg); top: 5px; left: -5px; }
.xsell_recipe_label { max-width: 190px; z-index: 4; color: black; }
.recipe_label_1 { top: 130px; left: 20px; }
.recipe_label_2 { top: -30px; left: 200px; max-width: initial; }
.recipe_label_3 { top: 140px; left: 260px; }

@media (max-width: 700px) {
	.related_recipes_wrap {
		/* width: 360px; */
		width: 100%;
	}
	.container .xsell_related_recipes {
		width: 100%;
	}
	.xsell_recipe_text {
		width: 100%;
		max-width: initial;
	}
	.xsell_related_recipes .backing_pic,
	.recipe_label_1,
	.recipe_label_2,
	.recipe_label_3 {
		display: none;
	}
}
@media (max-width: 460px) {
	.xsell_related_recipes,
	.container .xsell_related_recipes {
		width: 150px;
		margin: 0 auto;
		display: block;
	}
}