@charset "utf-8";
/* CSS SisterSax - web 4.1 - 2015 Sister Sax Special Offers page  css */
#main-content {
height: 100%;
padding-bottom: 100px;
}

.sistersax-offers, .sistersax-offers section {
clear: both;
}

	.sub-heading .offers-page-title {
	width: 100%;
	float: none;
	text-align: center;
	padding: 0;
	height: auto;
	clear: both;
	}
		.offers-title-left,
		.offers-title-right {
			float: left;
			width: 30%;
			max-width: 240px;
		}
		.offers-title-right {
			float: right;
		}
			.offers-title {
				width: 39.5%;
				float: left;
			}
				.sub-heading h1 {
				margin: 0;
				padding-top: 0.2em;
				text-align: center;
				}
				.offers-title p {
				font: normal 1.8em/1.2em Rancho, Arial, Helvetica;
				color: #6A0034;
				text-align: center;
				margin: 25px auto 0;
				}

@media all and (max-width: 560px) {
		.offers-title-left {
			width: 40%;
		}
		.offers-title-right {
			display: none;
		}
			.offers-title {
				width: 59.5%;
				float: left;
			}
}

	@media all and (max-width: 370px) {
			.offers-title-left,
			.offers-title-right {
				display: none;
			}
			.offers-title-right {
				display: none;
			}
				.offers-title {
					width: 98%;
					float: none;
					margin: 0 auto;
				}
	}


		.promotion {
		-webkit-border-radius: 17px;
		-moz-border-radius: 17px;
		border-radius: 17px;
		-webkit-box-shadow: 4px 4px 3px #FFC0CB;
		-moz-box-shadow: 4px 4px 3px #FFC0CB;
		box-shadow: 4px 4px 3px #FFC0CB;
		background-image: -moz-linear-gradient(top, #FFFFFF, #FF3399);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFFFFF), color-stop(1.0, #FF3399));
		border: 3px solid #ff3297;
		background-color: #DDDDDD;
		padding: 10px;
		font: bold 1.2em/1.2em Verdana, Geneva, sans-serif;
		color: #680033;
		text-align: center;
		}
.promo-short {
	width: 96%;
	max-width: 430px;
	display: inline-block;
	margin: 1% 2%;
}
.promo-1 {
	clear: both;
	float: left;
	width: 30%;
	height: 40px;
	margin: 10px 0 0 92px;
}
.promo-2 {
	float: left;
	width: 44%;
	height: 69px;
	margin: 10px 50px;
}
.promo-3 {
	clear: both;
	width: 96%;
	max-width: 540px;
	min-height: 49px;
	margin: 10px auto;
}

.offer-image {
	width: 98%;
}
.offer-image img {
	width: 98%;
	max-width: 600px;
	margin: 1% auto;
}