/*
 * css for Esselte Office Heroes
 */

 .esselteart2017-onepager .file-iframe .section-title {
	display: none;
}

/* general overrides for banners */

.esselteart2017-onepager .content-banner,
.esselteart2017-onepager .iframe-container,
.esselteart2017-onepager .product-banner-rotator {
	border-top: none;
}
.esselteart2017-onepager .iframe-container .container,
.esselteart2017-onepager .content-banner .container {
	border: none;
}
.esselteart2017-onepager .content-banner .banner {
	height: auto;
	overflow: hidden;
}
.esselteart2017-onepager .content-banner .info .inner {
	padding-bottom: 0;
}
.esselteart2017-onepager .content-banner .info .info-content {
	margin-bottom: 0;
}
.esselteart2017-onepager .content-banner .banner.copyblockpos-left .info {
	float: left;
	padding-left: 42px
}
.esselteart2017-onepager .content-banner .banner.copyblockpos-left .info .inner {
	display: block;
	height: auto;
}
.esselteart2017-onepager .content-banner .banner.copyblockpos-left .pic {
	float: right;
	padding-right: 42px
}
.esselteart2017-onepager .content-banner .banner.copyblockpos-right .info {
	float: right;
	padding-right: 42px
}
.esselteart2017-onepager .content-banner .banner.copyblockpos-right .pic {
	float: left;
	padding-left: 42px
}
.esselteart2017-onepager .content-banner .banner .info,
.esselteart2017-onepager .content-banner .banner .pic {
	position: relative;
	left: auto;
	right: auto;
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	line-height: 1.25em;
}
.esselteart2017-onepager .content-banner .banner h2 {
	font-size: 25px;
	color: #d63824;
	margin: 0 0 15px 0;
	line-height: 1.125em;
}
.esselteart2017-onepager .content-banner .banner .info .inner {
	display: block;
	height: auto;
}
.esselteart2017-onepager .content-banner .banner .info p {
	font-size: 14px;
	line-height: 1.25em;
	color: #000000;
}
.esselteart2017-onepager .content-banner .banner .info-content {
	max-height: none;
}

/* general background image rules for banners */

.esselteart2017-onepager .top-banner {
	background-position: 50% 100%;
	background-repeat: no-repeat;
}
.esselteart2017-onepager .star-banner,
.esselteart2017-onepager .kill-banner,
.esselteart2017-onepager .spa-banner {
	background-position: 50% 0%;
	background-repeat: no-repeat;
}

/* top banner specific rules */

.esselteart2017-onepager .content-banner.top-banner .banner .pic {
	float: left;
	padding: 55px 0 0 42px;
}
.esselteart2017-onepager .top-banner .banner .info {
	padding: 15px 0;
	width: 620px;
	min-height: 250px;
}
.esselteart2017-onepager .top-banner .banner .info h1 {
	font-size: 35px;
	line-height: 1.125em;
	margin: 0px;
}
.esselteart2017-onepager .top-banner .banner .info h2 {
	color: #000000;
	margin: 15px 0;
}

/* star banner (2nd banner) specific rules */

.esselteart2017-onepager .star-banner .banner {
	padding: 55px 0;
}
.esselteart2017-onepager .star-banner .banner .info {
	width: 410px;
}

/* skin banner (3rd banner) specific rules */

.esselteart2017-onepager .skin-banner .banner {
	padding: 55px 0;
}
.esselteart2017-onepager .skin-banner .banner .info {
	width: 440px;
}

/* spa banner (4th banner) specific rules */

.esselteart2017-onepager .spa-banner .banner {
	padding: 55px 0;
}
.esselteart2017-onepager .spa-banner .banner .info {
	width: 452px;
}

/* product banner specific rules */
/*
.esselteart2017-onepager .product-banner-rotator .top-border {
	height: 54px;
	background: transparent url('/SystemFiles/Promotions/File/img/vivida/block_6-filmstrip.jpg') repeat-x left top;
}
.esselteart2017-onepager .product-banner-rotator .bottom-border {
	height: 54px;
	background: transparent url('/SystemFiles/Promotions/File/img/vivida/block_6-filmstrip.jpg') repeat-x left bottom;
}
.esselteart2017-onepager .product-banner-rotator .container {
	border-left: 20px solid #f5afd1;
	border-right: 20px solid #f5afd1;	
}
*/
/* login / pdf download functional area rules */

.pdfdownload-functional #login,
.pdfdownload-functional #createacct-conf,
.pdfdownload-functional #pdfdownload {
	min-height: 400px;
	background: transparent url('/globalassets/Esselte/Promotions/esselteart/23078_block_5-1-woman_log_in.png') no-repeat left bottom;
}
.pdfdownload-functional #createacct {
	background: transparent url('/globalassets/Esselte/Promotions/esselteart/23078_block_5-2-woman_create_account.png') no-repeat left bottom;
}
.pdfdownload-functional #acct-activated {
	height: 380px;
	background: transparent url('/globalassets/Esselte/Promotions/esselteart/23078_block_5-3_account_activated.png') no-repeat left bottom;	
}
.pdfdownload-functional #forgotpassword,
.pdfdownload-functional #forgotpassword-conf,
.pdfdownload-functional #changepassword,
.pdfdownload-functional #usermigrated,
.pdfdownload-functional #usermigrated-conf,
.pdfdownload-functional #acctnotactivated,
.pdfdownload-functional #acctnotactivated-conf {
	background: transparent url('/globalassets/Esselte/Promotions/esselteart/23078_block_5-4-file_sml.png') no-repeat 0px 50px;
}
.pdfdownload-functional #shipaddress {
	height: 538px;
	background: transparent url('/globalassets/Esselte/Promotions/esselteart/23078_block_5-4-file_sml.png') no-repeat left bottom;
}

/* tablet and smaller */

@media (max-width: 980px) {
	.esselteart2017-onepager .content-banner {
		background-size: 940px auto;
	}

	.esselteart2017-onepager .content-banner.top-banner .banner .pic,
	.esselteart2017-onepager .content-banner.top-banner .banner .info {
		width: 516px;
	}
	.esselteart2017-onepager .star-banner .banner .info,
	.esselteart2017-onepager .skin-banner .banner .info,
	.esselteart2017-onepager .spa-banner .banner .info {
		width: 45%
	}
	.esselteart2017-onepager .star-banner .banner .pic,
	.esselteart2017-onepager .skin-banner .banner .pic,
	.esselteart2017-onepager .spa-banner .banner .pic {
		width: 40%
	}
}
@media (max-width: 804px) {
	.esselteart2017-onepager .product-banner-rotator .container {
		border-left: none;
		border-right: none;
	}
}
@media (max-width: 768px) {
	.esselteart2017-onepager .content-banner .banner.copyblockpos-left .info {
		padding-left: 20px
	}
	.esselteart2017-onepager .content-banner .banner.copyblockpos-left .pic {
		padding-right: 20px
	}
	.esselteart2017-onepager .content-banner .banner.copyblockpos-right .info {
		padding-right: 20px
	}
	.esselteart2017-onepager .content-banner .banner.copyblockpos-right .pic {
		padding-left: 20px
	}
	.esselteart2017-onepager .star-banner .banner .info,
	.esselteart2017-onepager .skin-banner .banner .info,
	.esselteart2017-onepager .spa-banner .banner .info {
		width: 50%
	}
}
@media (max-width: 767px) {
	.esselteart2017-onepager .content-banner {
		/* background-size: 100% auto; */
		/* background-image: none !important; */
		padding-left: 10px;
		padding-right: 10px;
	}
	.esselteart2017-onepager .content-banner .banner.copyblockpos-left .info,
	.esselteart2017-onepager .content-banner .banner.copyblockpos-left .pic,
	.esselteart2017-onepager .content-banner .banner.copyblockpos-right .info,
	.esselteart2017-onepager .content-banner .banner.copyblockpos-right .pic {
		float: left;
		padding-left: 0;
		padding-right: 0;
	}
	.esselteart2017-onepager .content-banner.top-banner .banner .info,
	.esselteart2017-onepager .content-banner.top-banner .banner .pic,
	.esselteart2017-onepager .content-banner .banner .info,
	.esselteart2017-onepager .content-banner .banner .pic {
		width: 100%;
	}
	.esselteart2017-onepager .content-banner .banner .info {
		padding-top: 20px;
	}
	.esselteart2017-onepager .content-banner.top-banner .banner .info {
		padding-bottom: 20px;
	}
	.esselteart2017-onepager .kill-banner .banner .info {
		min-height: 0;
	}
	
	.pdfdownload-functional {
		padding: 0 10px;
	}
	.pdfdownload-functional #login,
	.pdfdownload-functional #createacct-conf,
	.pdfdownload-functional #pdfdownload,
	.pdfdownload-functional #createacct,
	.pdfdownload-functional #acct-activated,
	.pdfdownload-functional #forgotpassword,
	.pdfdownload-functional #forgotpassword-conf,
	.pdfdownload-functional #changepassword,
	.pdfdownload-functional #usermigrated,
	.pdfdownload-functional #usermigrated-conf,
	.pdfdownload-functional #acctnotactivated,
	.pdfdownload-functional #acctnotactivated-conf,
	.pdfdownload-functional #shipaddress {
		background-image: none;
	}
}