@charset "UTF-8";

/* CSS Document */

body {
    margin: 0;
}

#container {
    /*Outter most container that could be considered the "Stage"*/
    position: absolute;
    overflow: hidden;
    height: 250px;
    width: 300px;
    cursor: pointer;
    background-color: #E8E4DB;
}

#contents {
    /*Foreground Container for contents*/
    position: absolute;
    height: 100%;
    width: 100%;
    margin: 1px;
}

#Border {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 248px;
    width: 298px;
    border: solid #000000 1px;
}

#Frame1,
#Frame2,
#Frame3,
#Frame4,
#Frame5 {
    position: absolute;
    height: 100%;
    width: 100%;
    visibility: hidden;
}


/*Utilities*/

.Absolute-Center {
    /*Centers this element within a div*/
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -webkit-transform: translate(-50%, -50%);
    /* Chrome, Safari, Opera */
    transform: translate(-50%, -50%);
}

sup,
sub {
    position: relative;
    vertical-align: baseline;
    top: -0.5em;
    font-size: 60%;
}

sub {
    top: 0.5em;
}


/*CTA Elements*/

#CTA1 {
    position: absolute;
    left: 5px;
    top: 218px;
    cursor: pointer;
	visibility: hidden;
}


#CTA2 {
    position: absolute;
    left: 104px;
    top: 218px;
    cursor: pointer;
	visibility: hidden;
}

#CTA3 {
    position: absolute;
    left: 203px;
    top: 218px;
    cursor: pointer;
	visibility: hidden;
}

#CTA1_OFF {
    position: absolute;
    width: 93px;
    height: 24px;
    background-image: url(../images/CTA1_OFF.png);
    background-repeat: no-repeat;
}

#CTA1_ON {
    width: 93px;
    height: 24px;
    background-image: url(../images/CTA1_ON.png);
    background-repeat: no-repeat;
}

#CTA2_OFF {
    position: absolute;
    width: 93px;
    height: 24px;
    background-image: url(../images/CTA2_OFF.png);
    background-repeat: no-repeat;
}

#CTA2_ON {
    width: 93px;
    height: 24px;
    background-image: url(../images/CTA2_ON.png);
    background-repeat: no-repeat;
}

#CTA3_OFF {
    position: absolute;
    width: 93px;
    height: 24px;
    background-image: url(../images/CTA3_OFF.png);
    background-repeat: no-repeat;
}

#CTA3_ON {
    width: 93px;
    height: 24px;
    background-image: url(../images/CTA3_ON.png);
    background-repeat: no-repeat;
}


/*Non-Copy Elements*/

#BG {
    position: absolute;
    width: 1465px;
    height: 654px;
    background-color: #E8E4DB;
    background-image: url(../images/BG.png);
    background-repeat: no-repeat;
    opacity: 0.5;
}

.BGPos1 {
    left: -525px;
    top: -232px;
}

.BGPos2 {
    left: -857px;
    top: -263px;
}

.BGPos3 {
    left: -981px;
    top: -293px;
}

.BGPos4 {
    left: -612px;
    top: -275px;
}

.BGPos5 {
    left: -518px;
    top: -267px;
}

#Brand_Logo {
    position: absolute;
    left: 50px;
    top: 15px;
    width: 197px;
    height: 36px;
    background-image: url(../images/Brand_Logo.jpg);
    background-repeat: no-repeat;
}

.Model {
    position: absolute;
    top: 230px;
    font-size: 10px;
    text-align: center;
    font-family: "Arial Black", Gadget, sans-serif;
}

#Model1 {
    left: 60px;
}

#Model2 {
    left: 155px;
}

#Model3 {
    left: 105px;
}

#Model4 {
    left: 95px;
}

.Jelly1 {
    position: absolute;
    width: 158px;
    height: 73px;
    background-image: url(../images/Jelly1.png);
    background-repeat: no-repeat;
}

.Jelly2 {
    position: absolute;
    width: 166px;
    height: 77px;
    background-image: url(../images/Jelly2.png);
    background-repeat: no-repeat;
}

.Jelly3 {
    position: absolute;
    width: 162px;
    height: 97px;
    background-image: url(../images/Jelly3.png);
    background-repeat: no-repeat;
}

.Jelly4 {
    position: absolute;
    width: 195px;
    height: 86px;
    background-image: url(../images/Jelly4.png);
    background-repeat: no-repeat;
}

#Jelly1_LG {
    left: 17px;
    top: 156px;
}

#Jelly2_LG {
    left: 110px;
    top: 151px;
}

#Jelly3_LG {
    left: 77px;
    top: 133px;
}

#Jelly4_LG {
    left: 55px;
    top: 145px;
}

#Jelly5_LG {
    left: 67px;
    top: 134px;
}

#Jelly1_SM,
#Jelly2_SM,
#Jelly3_SM,
#Jelly4_SM {
    -ms-transform: scale(0.64, 0.64);
    -webkit-transform: scale(0.64, 0.64);
    transform: scale(0.64, 0.64);
}

#Jelly1_SM {
    left: -11px;
    top: 149px;
}

#Jelly2_SM {
    left: 39px;
    top: 145px;
}

#Jelly3_SM {
    left: 152px;
    top: 129px;
}

#Jelly4_SM {
    left: 85px;
    top: 140px;
}


/* Copy Elements */


#Copy1_1 {
	position: absolute;
	left: 32px;
	top: 112px;
    width: 238px;
    height: 33px;
    background-image: url(../images/Copy1_1.png);
}

#Copy1_2 {
	position: absolute;
	left: 34px;
	top: 148px;
    width: 238px;
    height: 25px;
    background-image: url(../images/Copy1_2.png);
}

#Copy2_1 {
	position: absolute;
	left: 23px;
	top: 84px;
    width: 9px;
    height: 59px;
    background-image: url(../images/Copy2_1.png);
}

#Copy2_2 {
	position: absolute;
	left: 39px;
	top: 82px;
    width: 235px;
    height: 17px;
    background-image: url(../images/Copy2_2.png);
}

#Copy2_3 {
	position: absolute;
	left: 40px;
	top: 107px;
    width: 232px;
    height: 36px;
    background-image: url(../images/Copy2_3.png);
}

#Copy3_1 {
	position: absolute;
	left: 60px;
	top: 65px;
    width: 179px;
    height: 12px;
    background-image: url(../images/Copy3_1.png);
}

#Copy3_2 {
	position: absolute;
	left: 60px;
	top: 80px;
    width: 10px;
    height: 39px;
    background-image: url(../images/Copy3_2.png);
}

#Copy3_3 {
	position: absolute;
	left: 76px;
	top: 80px;
    width: 163px;
    height: 41px;
    background-image: url(../images/Copy3_3.png);
}

#Copy3_4 {
	position: absolute;
	left: 59px;
	top: 125px;
    width: 180px;
    height: 14px;
    background-image: url(../images/Copy3_4.png);
}

#Copy4_1 {
	position: absolute;
	left: 44px;
	top: 65px;
    width: 206px;
    height: 36px;
    background-image: url(../images/Copy4_1.png);
}

#Copy4_2 {
	position: absolute;
	left: 46px;
	top: 106px;
    width: 28px;
    height: 33px;
    background-image: url(../images/Copy4_2.png);
}

#Copy4_3 {
	position: absolute;
	left: 77px;
	top: 105px;
    width: 176px;
    height: 41px;
    background-image: url(../images/Copy4_3.png);
}

#Copy5_1 {
	position: absolute;
	left: 45px;
	top: 70px;
    width: 211px;
    height: 14px;
    background-image: url(../images/Copy5_1.png);
}

#Copy5_2 {
	position: absolute;
	left: 44px;
	top: 86px;
    width: 212px;
    height: 11px;
    background-image: url(../images/Copy5_2.png);
}

#Copy5_3 {
	position: absolute;
	left: 45px;
	top: 102px;
    width: 24px;
    height: 28px;
    background-image: url(../images/Copy5_3.png);
}

#Copy5_4 {
	position: absolute;
	left: 77px;
	top: 101px;
    width: 178px;
    height: 34px;
    background-image: url(../images/Copy5_4.png);
}

#Copy6_1 {
	position: absolute;
	left: 40px;
	top: 82px;
    width: 221px;
    height: 15px;
    background-image: url(../images/Copy6_1.png);
}

#Copy6_2 {
	position: absolute;
	left: 39px;
	top: 104px;
    width: 222px;
    height: 23px;
    background-image: url(../images/Copy6_2.png);
}


.orange-text {
    color: #E77924;
}

.grey-text {
    color: #484849;
}