*,
*: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: 600px;
 top: 0;
 left: 0;
 cursor: pointer;
 opacity: 0;
 z-index: 10;
 position: absolute;
}

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

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

#background {
 background-image: url("../images/bg.jpg");
 background-repeat: repeat-y;
 left: 0px;
 top: 0px;
 width: 300px;
 height: 600px;
 opacity: 1;
}

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

.sprite-blue-brother-lockup {
 width: 157px;
 height: 60px;
 background-position: 0 0;
}

.sprite-blue-splash {
 width: 225px;
 height: 186px;
 background-position: 0 -60px;
}

.sprite-copy-and-brother-authorised-resellers {
 width: 179px;
 height: 10px;
 background-position: 0 -246px;
}

.sprite-copy-and-weekends {
 width: 243px;
 height: 27px;
 background-position: 0 -256px;
}

.sprite-copy-available-now-at {
 width: 88px;
 height: 10px;
 background-position: 0 -283px;
}

.sprite-copy-finishes-late {
 width: 214px;
 height: 27px;
 background-position: 0 -293px;
}

.sprite-copy-its-the-business {
 width: 156px;
 height: 60px;
 background-position: 0 -320px;
}

.sprite-copy-see-terms {
 width: 102px;
 height: 7px;
 background-position: 0 -380px;
}

.sprite-copy-starts-early {
 width: 202px;
 height: 27px;
 background-position: 0 -387px;
}

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

.sprite-copy-works-lunchtimes {
 width: 208px;
 height: 62px;
 background-position: 0 -466px;
}

.sprite-find-out-more-cta {
 width: 214px;
 height: 57px;
 background-position: 0 -528px;
}

.sprite-from-2cents {
 width: 93px;
 height: 93px;
 background-position: 0 -585px;
}

.sprite-green-splash {
 width: 202px;
 height: 136px;
 background-position: 0 -678px;
}

.sprite-logos {
 width: 146px;
 height: 105px;
 background-position: 0 -814px;
}

.sprite-main-printer {
 width: 147px;
 height: 153px;
 background-position: 0 -919px;
}

.sprite-orange-splash {
 width: 181px;
 height: 127px;
 background-position: 0 -1072px;
}

.sprite-purple-splash {
 width: 299px;
 height: 142px;
 background-position: 0 -1199px;
}

.sprite-red-splash {
 width: 301px;
 height: 121px;
 background-position: 0 -1341px;
}

.sprite-white-brother-lockup {
 width: 157px;
 height: 60px;
 background-position: 0 -1462px;
}

.sprite-yellow-splash {
 width: 245px;
 height: 149px;
 background-position: 0 -1522px;
}

#mainPrinter {
 top: 245px;
 left: 79px;
 z-index: 2;
 opacity: 0;
}

#copyStartsEarly {
 top: 407px;
 left: 45px;
 opacity: 0;
}

#copyWorksLunchtimes {
 top: 407px;
 left: 46px;
 opacity: 0;
}

#copyAndWeekends {
 top: 407px;
 left: 27px;
 opacity: 0;
}

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

#copyItsTheBusiness {
 top: 407px;
 left: 72px;
 opacity: 0;
}

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

#logos {
 z-index: 3;
 top: 421px;
 left: 79px;
}

#findOutMoreCta {
 z-index: 3;
 top: 290px;
 left: 46px;
}

#copyAndBrotherAuthorisedResellers {
 z-index: 3;
 top: 549px;
 left: 60px;
}

#blueSplash {
 left: 81px;
 top: 158px;
}

#redSplash {
 top: 248px;
 left: -45px;
}

#purpleSplash {
 left: 40px;
 top: 256px;
}

#greenSplash {
 top: 210px;
 left: -51px;
}

#orangeSplash {
 top: 176px;
 left: 136px;
}

#yellowSplash {
 top: 156px;
 left: -33px;
}

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

#blueBrotherLockup {
 top: 76px;
 left: 72px;
 /* opacity: 0;*/
}

#whiteBrotherLockup {
 top: 76px;
 left: 72px;
 z-index: 2;
}

#copySeeTerms {
 bottom: 8px;
 left: 98px;
 opacity: 0;
}

#from2cents {
 top: 149px;
 left: 184px;
 opacity: 0;
 z-index: 2;
}

#copyFinishesLate {
 top: 407px;
 left: 44px;
 opacity: 0;
}

#copyAvailableNowAt {
 z-index: 3;
 top: 401px;
 left: 105px;
}