#page .hotspot {
	width: 56px;
	height: 56px;
	background-position: 0 0;
	background-image: url("http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/heros-duty/hotspot.png");
	display: block;
	position: absolute;
	z-index: 25;
	-webkit-transform-origin: 50% 50%;
	-webkit-transition: -webkit-transform 0.15s linear;
	-moz-transform-origin: 50% 50%;
	-moz-transition: -moz-transform 0.15s linear;

}

#page .hotspot.active {
	background-position: -56px 0;
	-webkit-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
}

#page .more-info {
	top: 490px;
	left: 813px;
	position: absolute;
	width: 193px;
	height: 74px;
	background-image:url("http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/heros-duty/more-info.png");
	z-index: 80;
}

#page .tab {
	width: 418px;
	height: 70px;
	background-image:url("http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/heros-duty/tab.png");
	position: absolute;
	bottom: 10px;
	left: 303px;
	z-index: 97;
}

#page .tab .next {
	display: block;
	position: absolute;
	top: 18px;
	left: 293px;
	width: 42px;
	height: 43px;
	background-image: url(http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/heros-duty/next.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#page .tab .prev {
	background-image: url(http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/heros-duty/prev.png);
	display: block;
	position: absolute;
	top: 18px;
	left: 82px;
	width: 42px;
	height: 43px;
	background-position: center center;
	background-repeat: no-repeat;
}

#page .tab.small {
    background-image: url(http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/heros-duty/tab_small.png);
    bottom: 10px;
    height: 70px;
    left: 350px;
    position: absolute;
    width: 310px;
}

#page .tab.small .next,
#page .tab.small .prev {
	display: none;	
}

#page .tab .next.disabled,
#page .tab .prev.disabled {
	opacity: 0.4;
}

#page .border {
	background-image: url("http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/heros-duty/border.png");
	height: 14px;
}

#page .disable {
	z-index: 189;
	display: none;	
}

#page .loader {
	background-image: url(http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/heros-duty/loader-bg.png);
	position: absolute;
	width: 216px;
	height: 51px;
	top: 455px;
	left: 404px;	
	display: none;
	z-index: 99;
}

#page .loader-range {
	width: 178px;
	height: 27px;	
	position: absolute;
	top: 14px;
	left: 19px;
}
#page .loader-mask {
	width: 178px !important;
	height: 27px;
}

#page .loader-mask-1 {
	background-image: url(http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/heros-duty/loader-1.jpg);
	background-repeat: no-repeat;
}

#page .loader-mask-2 {
	background-image: url(http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/heros-duty/loader-2.jpg);
	background-repeat: no-repeat;
}

#page .loader-mask-3 {
	background-image: url(http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/heros-duty/loader-3.jpg);
	background-repeat: no-repeat;
}

#bottomShadow {
	display: none;
}

/**
 * Charbox
 */
#page .char {
	position: absolute;
	display: block;	
}

/**
 * Infobox
 */
#page .infobox {
	position: absolute;	
	display: none;
	z-index: 125;
}

#page .infobox .copy {
	color: #5df2ff;
	font-family: Arial, Helvetica, sans-serif;
}

/* Small */
#page .infobox.small {
	width: 425px;
	height: 236px;
	background-image: url("http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/heros-duty/infobox-small-bg.png");	
}

#page .infobox.small .title {
	padding-top: 30px;	
}

#page .infobox.small .title img {
	margin: 0 auto;
	display: block;	
}

#page .infobox.small .copy {
	font-size: 16px;
	padding: 10px 30px 0 30px;
	line-height: 1.5em;
}

/* Medium */
#page .infobox.medium {
	width: 425px;
	height: 236px;
	background-image: url("http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/heros-duty/infobox-small-bg.png");	
}

#page .infobox.medium .title {
	padding-top: 30px;	
}

#page .infobox.medium .title img {
	margin: 0 auto;
	display: block;	
}

#page .infobox.medium .copy {
	font-size: 14px;
	padding: 0 0 0 30px;
	margin-top: 8px;
	width: 292px;
	overflow: hidden;
	position: absolute;
	line-height: 1.5em;
}

#page .infobox.medium .copy .inner {
	position: absolute;
}

#page .infobox.medium .page-up {
	width: 54px;
	height: 47px;
	position: absolute;
	display: block;
	background-image:url("http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/heros-duty/page-up.png");
	background-repeat: no-repeat;
	top: 75px;
	left: 340px;
}

#page .infobox.medium .page-down {
	width: 54px;
	height: 47px;
	position: absolute;
	display: block;
	background-image:url("http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/heros-duty/page-down.png");
	background-repeat: no-repeat;
	top: 150px;
	left: 340px;
}

/* Large */
#page .infobox.large {
	width: 484px;
	height: 315px;
	background-image: url("http://cdn.dolimg.com/franchise/wreck-it-ralph/tablet/heros-duty/infobox-large-bg.png");	
}

#page .infobox.large .copy {
	font-size: 15px;
	padding: 5px 30px 0 30px;
	line-height: 1.2em;
}

#page .infobox.large .title {
	padding: 25px 0 0 0;	
}

#page .infobox.large .title img {
	box-shadow: 1px 1px 2px #000000;
	margin: 0 auto;
	display: block;
}