/* ---------------------------------------------
	Mattress.com content spot styles 
	
	For safety, prefix all selectors with .espot or .contentspot to limit the effect of styles to content spot content.
	
	---------------------------------------------
*/

/* ---------------------------------------------
 	Adjusting homepage spacing to allow for seamless espots */

.hpcontentspot .espot {
	margin-bottom:0;
}


/* ---------------------------------------------
 	General feature panels */

.espot .pagePanel h2  {
	color:#6DB7D3;
	font-size:32px;
	margin-bottom:5px;
	margin-top:10px;
	text-align:center;
}

	.espot .pagePanel h2 sup{
		font-size:20px;
		vertical-align:6px;
	}
	
	.espot .pagePanel .amount sup {
		vertical-align:2px;
	}

.espot .pagePanel p.subTitle  {
	color:#0A303F;
	font-size:20px;
	font-weight:bold;
	margin-bottom:0.5em;
	text-align:center;
}

	.espot .pagePanel p.subTitle a{
		color:#ff8600;
		text-decoration:underline;
	}
	

/* ---------------------------------------------
 	Styles for displaying products within espots */

.espot .textOnly {
	margin-bottom:1em;
	background-color:#d6ebf4;
	border-bottom:1px solid #add8e9;
	padding:1em;
}

	.espot .textOnly p {
		margin-bottom:0;
	}
		
		.espot .textOnly p strong {
			color:#004F76;
		}
		
		.espot .textOnly a {
			color:#FF8600;
		}

	/* Adjust for textOnly espots within the PLP */
	.browseWrapper .espot {
		margin-bottom:0;
	}
	
		.browseWrapper .espot .textOnly {
			margin:1em 1em 0 0;
		}
	
	
/* ---------------------------------------------
 	'One line of text' feature panels */

.espot .featureLine {
	background-color:#69b8d3;
	padding-top:2em;
	padding-bottom:2em;
}

	.espot .featureLine h2 {
		font-size:28px;/* A slight tweak to reduce the visual size of reversed text */
		color:#FFF;
		margin-top:0;
		margin-bottom:0;
	}
	
	
/* ---------------------------------------------
 	Styles for displaying products within espots */

.espot .featureProducts img {
	margin-bottom:1em;
}

.espot .featureProducts h4 .description,
.espot .featureProducts h4 .amount {
	color:#004F76;
}



/* ---------------------------------------------
 	Case specific styles - use to set colours/backgrounds on individual espots: */

/* The 'free shipping' feature line for the homepage */
#freeShippingPromo {
	background:#69b8d3 url(icon_shippingTruck.png) no-repeat 50px center;
}

	#freeShippingPromo h2 {
		text-indent:20px;
		/* Offset the text to allow room for the logo (so things still look centred) */
	} 
	
	
/* The 'Sealy sale' promo in the PLP: */
#sealyPromo.textOnly {
	background:#d6ebf4 url(icon_sealyLogo_tiny.png) no-repeat 8px center;
	padding-left:64px;
}


#HomeSpot-1 h2 {
	font-size:30px; 
	margin-bottom: .02em
}