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

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

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

#bg {
 left: 0px;
 top: 0px;
 width: 160px;
 height: 600px;
 z-index: 1;
 opacity: 1;
}

#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: 100px;
 height: 38px;
 background-position: 0 0;
}

.sprite-blue-splash {
 width: 127px;
 height: 103px;
 background-position: 0 -38px;
}

.sprite-copy-and-brother-authorised-resellers {
 width: 101px;
 height: 22px;
 background-position: 0 -141px;
}

.sprite-copy-and-weekends {
 width: 146px;
 height: 50px;
 background-position: 0 -163px;
}

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

.sprite-copy-finishes-late {
 width: 102px;
 height: 52px;
 background-position: 0 -222px;
}

.sprite-copy-its-the-business {
 width: 131px;
 height: 50px;
 background-position: 0 -274px;
}

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

.sprite-copy-starts-early {
 width: 81px;
 height: 52px;
 background-position: 0 -331px;
}

.sprite-copy-the-business-inject-series {
 width: 120px;
 height: 121px;
 background-position: 0 -383px;
}

.sprite-copy-works-lunchtimes {
 width: 145px;
 height: 42px;
 background-position: 0 -504px;
}

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

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

.sprite-green-splash {
 width: 114px;
 height: 76px;
 background-position: 0 -679px;
}

.sprite-logos {
 width: 96px;
 height: 76px;
 background-position: 0 -755px;
}

.sprite-main-printer {
 width: 99px;
 height: 103px;
 background-position: 0 -831px;
}

.sprite-orange-splash {
 width: 103px;
 height: 72px;
 background-position: 0 -934px;
}

.sprite-purple-splash {
 width: 168px;
 height: 79px;
 background-position: 0 -1006px;
}

.sprite-red-splash {
 width: 170px;
 height: 68px;
 background-position: 0 -1085px;
}

.sprite-white-brother-lockup {
 width: 100px;
 height: 38px;
 background-position: 0 -1153px;
}

.sprite-yellow-splash {
 width: 140px;
 height: 84px;
 background-position: 0 -1191px;
}

#mainPrinter {
 top: 217px;
 left: 31px;
 z-index: 2;
 opacity: 0;
}

#copyStartsEarly {
 top: 342px;
 left: 39px;
 opacity: 0;
}

#copyWorksLunchtimes {
 top: 342px;
 left: 8px;
 opacity: 0;
}

#copyAndWeekends {
 top: 342px;
 left: 9px;
 opacity: 0;
}

#copyTheBusinessInjectSeries {
 top: 343px;
 left: 18px;
 opacity: 0;
}

#copyItsTheBusiness {
 top: 342px;
 left: 15px;
 opacity: 0;
}

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

#logos {
 z-index: 3;
 top: 443px;
 left: 31px;
}

#findOutMoreCta {
 z-index: 3;
 top: 346px;
 left: 10px;
}

#copyAndBrotherAuthorisedResellers {
 z-index: 3;
 top: 544px;
 left: 28px;
}

#blueSplash {
 left: 41px;
 top: 181px;
}

#redSplash {
 top: 233px;
 left: -31px;
}

#purpleSplash {
 left: 17px;
 top: 232px;
}

#greenSplash {
 top: 211px;
 left: -33px;
}

#orangeSplash {
 top: 191px;
 left: 72px;
}

#yellowSplash {
 top: 181px;
 left: -23px;
}

#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;
 top: 87px;
 left: 30px;
 /* opacity: 0;*/
}

#whiteBrotherLockup {
 top: 87px;
 left: 30px;
 z-index: 2;
}

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

#from2cents {
 top: 464px;
 left: 31px;
 opacity: 0;
 z-index: 2;
}

#copyFinishesLate {
 top: 342px;
 left: 30px;
 opacity: 0;
}

#copyAvailableNowAt {
 z-index: 3;
 top: 416px;
 left: 38px;
}