*,
*:before,
*:after {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}

html,
body {
 width: 100%;
 height: 100%;
 margin: 0;
 padding: 0;
}

div,
img {
 position: absolute;
 overflow: hidden;
}

#bg-exit {
 width: 300px;
 height: 250px;
 top: 0;
 left: 0;
 cursor: pointer;
 opacity: 0;
 z-index: 10;
 background-color: #FFFFFF;
 position: absolute;
}

#ad {
 display: block;
 border: rgb(145, 153, 153) 1px solid;
 overflow: hidden;
 width: 298px;
 height: 248px;
}

#bg {
 left: 0px;
 top: 0px;
 width: 300px;
 height: 250px;
}

#banner {
 display: block;
 width: 298px;
 height: 248px;
}

#background {
 left: 0px;
 top: 0px;
 width: 350px;
 height: 250px;
 z-index: 0;
 background-repeat: no-repeat;
}

.sprite {
 background-image: url("../images/spritesheet.png");
 background-repeat: no-repeat;
 display: block;
}

.sprite-blue-splash {
 width: 180px;
 height: 140px;
 background-position: 0 0;
}

.sprite-brother-lockup {
 width: 140px;
 height: 53px;
 background-position: -180px 0;
}

.sprite-copy-and-brother-authorised-resellers {
 width: 164px;
 height: 9px;
 background-position: -180px -53px;
}

.sprite-copy-and-weekends {
 width: 208px;
 height: 23px;
 background-position: -180px -62px;
}

.sprite-copy-available-now-at {
 width: 81px;
 height: 9px;
 background-position: -320px 0;
}

.sprite-copy-its-the-business {
 width: 237px;
 height: 23px;
 background-position: -180px -85px;
}

.sprite-copy-starts-early {
 width: 205px;
 height: 52px;
 background-position: -180px -108px;
}

.sprite-copy-the-business-inject-series {
 width: 197px;
 height: 52px;
 background-position: 0 -160px;
}

.sprite-copy-works-lunchtimes {
 width: 269px;
 height: 23px;
 background-position: 0 -212px;
}

.sprite-find-out-more-cta {
 width: 139px;
 height: 38px;
 background-position: -197px -160px;
}

.sprite-green-splash {
 width: 157px;
 height: 108px;
 background-position: -269px -198px;
}

.sprite-logos {
 width: 267px;
 height: 17px;
 background-position: 0 -235px;
}

.sprite-main-printer {
 width: 126px;
 height: 131px;
 background-position: 0 -306px;
}

.sprite-orange-splash {
 width: 146px;
 height: 102px;
 background-position: -126px -306px;
}

.sprite-purple-splash {
 width: 234px;
 height: 113px;
 background-position: -417px 0;
}

.sprite-red-splash {
 width: 238px;
 height: 97px;
 background-position: -426px -113px;
}

.sprite-yellow-splash {
 width: 199px;
 height: 111px;
 background-position: -426px -210px;
}

#mainPrinter {
 top: 55px;
 left: 88px;
 z-index: 2;
 opacity: 0;
}

#copyStartsEarly {
 top: 184px;
 left: 47px;
 opacity: 0;
}

#copyWorksLunchtimes {
 top: 195px;
 left: 15px;
 opacity: 0;
}

#copyAndWeekends {
 top: 195px;
 left: 44px;
 opacity: 0;
}

#copyTheBusinessInjectSeries {
 top: 183px;
 left: 50px;
 opacity: 0;
}

#copyItsTheBusiness {
 top: 195px;
 left: 30px;
 opacity: 0;
}

#brotherLockup {
 z-index: 3;
 top: 39px;
 left: 78px;
}

#logos {
 z-index: 3;
 top: 188px;
 left: 17px;
}

#findOutMoreCta {
 z-index: 3;
 top: 111px;
 left: 80px;
}

#copyAndBrotherAuthorisedResellers {
 z-index: 3;
 top: 220px;
 left: 72px;
}

#blueSplash {
 left: 99px;
 top: -1px;
}

#redSplash {
 top: 64px;
 left: -1px;
}

#purpleSplash {
 left: 65px;
 top: 64px;
}

#greenSplash {
 top: 35px;
 left: -1px;
}

#orangeSplash {
 top: 7px;
 left: 143px;
}

#yellowSplash {
 top: -1px;
 left: 8px;
}

#blueBackground {
 background-image: url(../images/blue-bg.jpg);
 background-repeat: no-repeat;
 width: 300px;
 height: 250px;
 z-index: 2;
 opacity: 0;
}

#copyAvailableNowAt {
 z-index: 3;
 top: 168px;
 left: 109px;
}