/*========================= HOMEPAGE =========================*/
#homecontent							{ width: 100%; background-color: #fff; }
#homecontent h1							{ display: none; }


/*========================= SIDEBAR =========================*/
@media (min-width: 1012px) {
	#sidebar							{ display: none; }
}


/*========================= HOMEPAGE - VISUALS =========================*/
.homevisual								{ position: relative; width: 100%; }
.homevisual ul							{ position: absolute; width: 100%; top: 0px; left: 0px; margin: 0px; padding: 0px; list-style-type: none; }
.homevisual ul li						{ position: absolute; width: 100%; top: 0px; left: 0px; margin: 0; padding: 0; display: none; }
.homevisual ul li.default				{ display: block; }
.homevisual a,
.homevisual img							{ display: block; width: 100%; }
.homevisual a.left						{ position: absolute; display: block; width: 45px; height: 45px; top: 50%; left: 25px; margin-top: -22px; background: url(/images/homepage.20140717153614.png) -301px -242px no-repeat; z-index: 102; }
.homevisual a.right						{ position: absolute; display: block; width: 45px; height: 45px; top: 50%; right: 25px; margin-top: -22px; background: url(/images/homepage.20140717153614.png) -346px -242px no-repeat; z-index: 102; }
.homevisual a.left:hover,
.homevisual a.left:active				{ background-position: -301px -287px; }
.homevisual a.right:hover,
.homevisual a.right:active				{ background-position: -346px -287px; }
.homevisualdummy						{ width: 996px; height: 5px; }
.homevisualplaceholder					{ width: 100%; }

@media (max-width: 1011px) {
	.homevisual a.left,
	.homevisual a.right					{ display: none; }
}


/*========================= HOMEPAGE - QUICKLINKS =========================*/
#quicklinks								{ padding: 0; margin: 20px 20px 0 0; list-style-type: none; font-family: SoupboneWebBold, Arial, Helvetica, sans-serif; font-size: 20px; color: #036; }
#quicklinks >li							{ position: relative; float: left; display: block; width:33.33%; box-sizing: border-box; min-height: 240px; padding: 0 0 0 19px; }
#quicklinks div.background				{ position: absolute; width: calc(100% - 20px); height: 240px; background: url(/images/quicklinks-background.png); border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#quicklinks >li.quicklink-1 div.background	{ background-color: #c2e79b; }
#quicklinks >li.quicklink-2 div.background	{ background-color: #99e5f1; }
#quicklinks >li.quicklink-3 div.background	{ background-color: #ffaf7e; }
#quicklinks >li.quicklink-4 div.background	{ background-color: #b8a7e9; }
#quicklinks >li.quicklink-4				{ display: none; }
#quicklinks h2							{ position: absolute; top: 16px; left: 40px; font-size: 25px; line-height: 22px; margin: 0 0 10px 0; }
#quicklinks a.visual					{ position: absolute; display: block; top: 0; left: 0; width: 100%; min-height: 240px; overflow: hidden; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#quicklinks a.visual img				{ position: absolute; }
#quicklinks div.links-bg				{ position: relative; z-index: 200; width: calc(100% - 12px); padding: 8px; box-sizing: border-box; margin: 162px 6px 0 6px; background-color: #fff; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#quicklinks div.links					{ position: relative; z-index: 220; width: 100%; background-color: #00bedc; border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radium: 5px; border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radium: 5px;}
#quicklinks div.arrow					{ position: absolute; z-index: 210; top: -6px; left: 14px; width: 20px; height: 20px; background-color: #00bedc; rotate: -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); border: 8px solid #fff; }
#quicklinks ul							{ width: 100%; box-sizing: border-box; min-height: 75px; padding: 9px 9px 9px 18px; list-style-type: none; margin: 0; }
#quicklinks div ul li					{ margin: 0; padding: 0; line-height: 25px; }

#quicklinks a.ql1 img,
#quicklinks a.ql2 img,
#quicklinks a.ql3 img					{ transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }

#quicklinks div.links a					{ display: block; background: url(/images/all-pages.20180625172927.png) no-repeat; padding: 0 0 0 20px; }
#quicklinks div.links a:link,
#quicklinks div.links a:visited			{ background-position: -885px -361px; }
#quicklinks div.links a:hover,
#quicklinks div.links a:active			{ background-position: -925px -321px; }
#quicklinks div.links span				{ display: block; }
#quicklinks a:link,
#quicklinks a:visited					{ color: #036; text-decoration: none; }
#quicklinks a:hover,
#quicklinks a:active					{ color: #fff; text-decoration: none; }

@keyframes jiggle 						{ 0% { transform: rotate(-10deg); } 50% { transform: rotate(10deg); } 100% { transform: rotate(-10deg); } } 
@-moz-keyframes jiggle 					{ 0% { -moz-transform: rotate(-10deg); } 50% { -moz-transform: rotate(10deg); } 100% { -moz-transform: rotate(-10deg); } } 
@-webkit-keyframes jiggle 				{ 0% { -webkit-transform: rotate(-10deg); } 50% { -webkit-transform: rotate(10deg); } 100% { -webkit-transform: rotate(-10deg); } }

@keyframes flyout 						{ 0% { transform: translate(0, 0); } 90% { transform: translate(-700px, -60px); } 91% { transform: translate(50px, -100px); } 92% { transform: translate(50px, 0); } 100% { transform: translate(0, 0); } }
@-moz-keyframes flyout 					{ 0% { -moz-transform: translate(0, 0); } 90% { -moz-transform: translate(-700px, -60px); } 91% { -moz-transform: translate(50px, -100px); } 92% { -moz-transform: translate(50px, 0); } 100% { -moz-transform: translate(0, 0); } }
@-webkit-keyframes flyout 				{ 0% { -webkit-transform: translate(0, 0); } 90% { -webkit-transform: translate(-700px, -60px); } 91% { -webkit-transform: translate(50px, -100px); } 92% { -webkit-transform: translate(50px, 0); } 100% { -webkit-transform: translate(0, 0); } }

@media (max-width: 1011px) {
	#quicklinks >li						{ width: 50%; }
	#quicklinks >li.quicklink-3			{ clear: both; }
	#quicklinks >li.quicklink-3,
	#quicklinks >li.quicklink-4			{ margin-top: 20px; display: block; }
}
@media (max-width: 719px) {
	#quicklinks >li						{ width: 100%; }
	#quicklinks >li.quicklink-2			{ margin-top: 20px; }
}


/*========================= HOMEPAGE - SELLING POINTS =========================*/
.sellingpoints-container				{ clear: both; display: block; padding: 0 2px; margin: 12px 20px 20px 20px; border: 1px solid #00bedc; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }

#sellingpoints							{ padding: 0; margin: 0; list-style-type: none; font-family: SoupboneWebBold, Arial, Helvetica, sans-serif; font-size: 18px; }
#sellingpoints a						{ display: block; width: 100%; box-sizing: border-box; padding: 61px 5px 10px 5px;text-align: center; }

#sellingpoints li						{ float: left; width: 16.66%; margin: 0; background: url(/images/unique-selling-points.20160701142752.svg) no-repeat 0 0 / 350px 1500px; }
#sellingpoints li.inkts					{ background-position: center 10px; }
#sellingpoints li.waterproof			{ background-position: center -140px; }
#sellingpoints li.dishwasher			{ background-position: center -290px; }
#sellingpoints li.microwave				{ background-position: center -440px; }
#sellingpoints li.delivery24			{ background-position: center -590px; }
#sellingpoints li.delivery				{ background-position: center -740px; }
#sellingpoints li.callus				{ background-position: center -890px; }

#sellingpoints li.inkts	a:link,
#sellingpoints li.inkts	a:visited,
#sellingpoints li.inkts	a:hover,
#sellingpoints li.inkts	a:active		{ color: #E40066; text-decoration: none; }
#sellingpoints li.waterproof a:link,
#sellingpoints li.waterproof a:visited,
#sellingpoints li.waterproof a:hover,
#sellingpoints li.waterproof a:active	{ color: #E20613; text-decoration: none; }
#sellingpoints li.dishwasher a:link,
#sellingpoints li.dishwasher a:visited,
#sellingpoints li.dishwasher a:hover,
#sellingpoints li.dishwasher a:active	{ color: #009EE2; text-decoration: none; }
#sellingpoints li.microwave	a:link,
#sellingpoints li.microwave	a:visited,
#sellingpoints li.microwave	a:hover,
#sellingpoints li.microwave	a:active	{ color: #EE7732; text-decoration: none; }
#sellingpoints li.delivery a:link,
#sellingpoints li.delivery a:visited,
#sellingpoints li.delivery a:hover,
#sellingpoints li.delivery a:active,
#sellingpoints li.delivery24 a:link,
#sellingpoints li.delivery24 a:visited,
#sellingpoints li.delivery24 a:hover,
#sellingpoints li.delivery24 a:active	{ color: #283582; text-decoration: none; }
#sellingpoints li.callus a:link,
#sellingpoints li.callus a:visited,
#sellingpoints li.callus a:hover,
#sellingpoints li.callus a:active		{ color: #7EBA28; text-decoration: none; }

@media (max-width: 719px) {
	.sellingpoints-container			{ padding: 10px 0 10px 10px; }
	#sellingpoints a					{ text-align: left; padding: 0px 5px 0px 55px; min-height: 34px; line-height: 34px; }
	#sellingpoints li					{ width: 100%; }
	#sellingpoints li.inkts				{ background-position: -300px -1100px; }
	#sellingpoints li.waterproof		{ background-position: -250px -1150px; }
	#sellingpoints li.dishwasher		{ background-position: -200px -1200px; }
	#sellingpoints li.microwave			{ background-position: -150px -1250px; }
	#sellingpoints li.delivery24		{ background-position: -100px -1300px; }
	#sellingpoints li.delivery			{ background-position: -50px -1350px; }
	#sellingpoints li.callus			{ background-position: 0px -1400px; }
}


/*========================= HOMEPAGE - OFFERS =========================*/
#homepageoffer							{ float: left; margin: 0 0 20px 20px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#homepageoffer a						{ display: block; width: 305px; height: 255px; overflow: hidden; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#homepageoffer span						{ display: none; }

@media (max-width: 1011px) {
	#homepageoffer						{ display: none; }
}


/*========================= HOMEPAGE - PRODUCT PROMOS =========================*/
#productpromos							{ float: right; position: relative; width: 630px; height: 255px; margin: 0 20px 20px 0; min-height: 207px; background-color: #ccf2f8; }
#productpromowindow-tl,
#productpromowindow-tr,
#productpromowindow-bl,
#productpromowindow-br					{ width: 8px; height: 8px; position: absolute; background: url(/images/homepage.20140717153614.png) 0 0 no-repeat; z-index: 999; }
#productpromowindow-tl					{ top: 0; left: 0; background-position: -874px -692px; }
#productpromowindow-tr					{ top: 0; right: 0; background-position: 0px -692px; }
#productpromowindow-bl					{ bottom: 0; left: 0; background-position: -874px 0px; }
#productpromowindow-br					{ bottom: 0; right: 0; background-position: 0px 0px; }

#productpromoscrollernav				{ position: absolute; width: 630px; text-align: center; top: 242px; z-index: 255; font-size: 0; line-height: 0; }
#productpromoscrollernav a				{ display: inline-block; width: 26px; height: 26px; padding: 0 2px; text-decoration: none; overflow: hidden; background: url("/images/homepage.20140717153614.png") -391px -280px no-repeat; }
#productpromoscrollernav a span			{ display: none; }
#productpromoscrollernav a.selected		{ background-position: -391px -306px; }

#productpromoscroller					{ width: 630px; overflow: hidden; position: relative; }

#productpromositems						{ width: 9999px; }
#productpromositems .productpromoitem	{ width: 630px; height: 255px; float: left; }
#productpromositems a,
#productpromositems img					{ display: block; }

@media (max-width: 1011px) {
	#productpromos						{ display: none; }
}


/*========================= HOMEPAGE - SPECIAL OFFERS =========================*/
#specialoffers							{ font-family: Unkempt, Arial, Helvetica, sans-serif; font-size: 16px; position: relative; width: 100%; box-sizing: border-box; padding: 24px 0 0 0; min-height: 255px; background-color: #ccf2f8; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#specialoffers h2						{ font-family: SoupboneWebBold, Arial, Helvetica, sans-serif; font-size: 23px; line-height: 22px; padding: 0 24px; margin: 0 0 10px 0; }
#specialoffers p						{ font-weight: bold; margin: 0 24px; padding: 0 0 0 18px; line-height: 16px; background: url(/images/all-pages.20180625172927.png) -905px -341px no-repeat; }

#specialoffers .bubble					{ position: relative; width: 223px; height: 139px; margin: 20px auto 0; background: url(/images/homepage.20140717153614.png) -301px bottom no-repeat; }
#specialoffers ul						{ position: absolute; bottom: 0px; left: 0px; margin: 0px; padding: 0px; list-style-type: none; }
#specialoffers ul li					{ position: absolute; width: 223px; bottom: 0px; left: 0px; margin: 0; padding: 0; display: none; }
#specialoffers ul li.default			{ display: block; }
#specialoffers a,
#specialoffers img						{ display: block; }


/*========================= HOMEPAGE - NOTICE VERY WELL =========================*/
.homebottomblocks .noticeverywell		{ min-height: 255px; margin: 0; }


/*========================= HOMEPAGE - NEWSLETTER =========================*/
#newslettersubscribe					{ font-family: Unkempt, Arial, Helvetica, sans-serif; font-size: 16px; position: relative; width: 100%; box-sizing: border-box; padding: 24px 14px 72px 14px; min-height: 255px; /*background: #ccf2f8 url(/images/homepage.20140717153614.png) -524px bottom no-repeat;*/background: #ccf2f8 url(/images/social-media-bg.svg) 0 bottom no-repeat; background-size: 100% 62px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#newslettersubscribe h2					{ padding-left: 10px; font-family: SoupboneWebBold, Arial, Helvetica, sans-serif; font-size: 23px; line-height: 22px; margin: 0 0 10px 0; }
#newslettersubscribe p					{ padding-left: 10px; padding-right: 10px; font-weight: bold; line-height: 16px; }

#newslettersubscribe input#newsletteremailaddress	{ display: block; width: 100%; box-sizing: border-box; padding: 5px 2px 5px 9px; height: 32px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; color: #00bedc; background-color: #fff; background-color: rgba(255, 255, 255, 0.9); border: 1px solid #99e5f1; border-color: rgba(153, 229, 241, 0.9) border-radius: 6px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
#newslettersubscribe input#newsletteremailaddress:focus	{ outline: none; }
#newslettersubscribe input#newsletteremailaddress.watermark	{ font-family: SoupboneWebBold, Arial, Helvetica, sans-serif; font-size: 16px; }

#newslettersubscribebutton				{ float: right; }

#socialmedia							{ position: absolute; width: 90%; bottom: 10px; right: 14px; font-family: SoupboneWebBold, Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; text-align: right; }
#socialmedia div						{ display: inline-block; padding-right: 5px; text-align: center;  }
#socialmedia em							{ display: block; font-size: 20px; font-style: normal; }
#socialmedia ul							{ display: inline-block; vertical-align: bottom; margin: 0px; padding: 0px; list-style-type: none; }
#socialmedia ul li						{ margin: 0; padding: 0 0 0 5px; float: left; }
#socialmedia ul li span					{ display: none; }
#socialmedia li a		 				{ display: block; width: 31px; height: 31px; background: url(/images/all-pages.20180625172927.png) no-repeat; }
#socialmedia li a.twitter				{ background-position: -425px -242px; }
#socialmedia li a.facebook				{ background-position: -425px -273px; }
#socialmedia li a.pinterest				{ background-position: -425px -304px; }
#socialmedia li a.instagram				{ background-position: -425px -335px; }


/*========================= HOMEPAGE - BOTTOM BLOCKS =========================*/
.homebottomblocks									{ clear: both; width: 100%; box-sizing: border-box; padding: 0 0 0 20px; }
.homebottomblocks .trustpilot-container,
.homebottomblocks .safereliable-container,
.homebottomblocks .specialoffers-container,
.homebottomblocks .noticeverywell-container,
.homebottomblocks .newslettersubscribe-container	{ width: 25%; box-sizing: border-box; padding: 0 20px 0 0; float: left; }

@media (max-width: 1011px) {
	.homebottomblocks .trustpilot-container,
	.homebottomblocks .safereliable-container,
	.homebottomblocks .specialoffers-container,
	.homebottomblocks .noticeverywell-container,
	.homebottomblocks .newslettersubscribe-container	{ width: 50%; }
	
	.homebottomblocks .trustpilot-container,
	.homebottomblocks .specialoffers-container			{ margin-bottom: 20px; }
}
@media (max-width: 559px) {
	.homebottomblocks .trustpilot-container,
	.homebottomblocks .safereliable-container,
	.homebottomblocks .specialoffers-container,
	.homebottomblocks .noticeverywell-container,
	.homebottomblocks .newslettersubscribe-container	{ width: 100%; }
	
	.homebottomblocks .safereliable-container,
	.homebottomblocks .noticeverywell-container			{ margin-bottom: 20px; }
	
	.homebottomblocks .noticeverywell,
	#newslettersubscribe								{ min-height: auto; }
}