/* Web Fonts imports */
@import url("//hello.myfonts.net/count/2aa6d6");

/* Web Fonts declarations */
@font-face {
	font-family: 'CenturyGothic';
	src: url('webfonts/2AA6D6_0_0.eot');
	src: url('webfonts/2AA6D6_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2AA6D6_0_0.woff') format('woff'),url('webfonts/2AA6D6_0_0.ttf') format('truetype');
} 
@font-face {
	font-family: 'CenturyGothic-Italic';
	src: url('webfonts/2AA6D6_1_0.eot');
	src: url('webfonts/2AA6D6_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2AA6D6_1_0.woff') format('woff'),url('webfonts/2AA6D6_1_0.ttf') format('truetype');
}
@font-face {
	font-family: 'CenturyGothic-Bold';
	src: url('webfonts/2AA6D6_2_0.eot');
	src: url('webfonts/2AA6D6_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2AA6D6_2_0.woff') format('woff'),url('webfonts/2AA6D6_2_0.ttf') format('truetype');
}
@font-face {
	font-family: 'CenturyGothic-BoldItalic';
	src: url('webfonts/2AA6D6_3_0.eot');
	src: url('webfonts/2AA6D6_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2AA6D6_3_0.woff') format('woff'),url('webfonts/2AA6D6_3_0.ttf') format('truetype');
}
@font-face {
	font-family: 'Thingamajig';
	src: url("webfonts/Comicraft - CCThingamajig.otf") format("opentype"), url('webfonts/Comicraft - CCThingamajig.ttf') format('truetype');
}
@font-face {
	font-family: 'Thingamajig-Engraved';
	src: url("webfonts/Comicraft - CCThingamajigEngraved.otf") format("opentype");
}

html { -webkit-text-size-adjust: none; }

/*.fancybox-overlay { font-size: .8em; font-family: Arial,Helvetica,sans-serif; overflow-y: hidden; }*/
input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input.digits { width: 55px; }

div#wrongviewportorientation { position: fixed; top: 0; left: 0; display: none; z-index: 10000; width: 100%; height: 100%; background: #000; background-size: 100% 100%; }
	div#wrongviewportorientation img { width: 100%; height: 100%; }

/* Registration window */
#register-lightbox { background: transparent url('/widgets/assets/registration/bg_registration.png') scroll no-repeat left top; padding: 56px 199px 38px; width: 380px; color: #424185; font-size: .8em; }
#register-lightbox label { font-weight:bold; }
	#register-lightbox h1 { font-size: 1.4em; margin: 0 0 0.67em; }
	#register-lightbox h1 { font-size: 1.4em; margin: 0 0 0.67em; }
	#register-lightbox table th { text-align: left; padding-top: 3px; }
	#register-lightbox table td.useragreement { padding-top: 6px; }
	#register-lightbox table td.passwordnotice { font-size: .85em; font-weight: bold; padding-top: 3px; }
	#register-lightbox table a { color: #4e4d9f; font-family: 'CenturyGothic-Bold';	text-decoration: underline; }
	#register-lightbox table td#register_error { color: #f00; }
	#register-lightbox span.select-wrapper .wrap { display: inline; }
	#register-lightbox td.question .select-wrapper select { width: 374px; }
	#register-lightbox input#register_usernamePart3 { width: 50px; padding: inherit 3px; text-align: center; }
		#register-lightbox input#register_usernamePart3.valid { background-image: none; }
		#register-lightbox input#register_usernamePart3.invalid { background-position: 85% center; }
	#register-lightbox input.fixed-size { width: 378px; }
	#register-lightbox input.valid { background: #fff url('/widgets/assets/interface/icon_field_valid.png') scroll no-repeat 99% center; border-color: default; }
	#register-lightbox input.invalid { background: #fff url('/widgets/assets/interface/icon_field_invalid.png') scroll no-repeat 99% center; border-color: #f00; }
	#register-lightbox div.btn a { background: transparent url('/widgets/assets/interface/btn_avatar_customizer_action.png') scroll no-repeat left top; display: block; width: 165px; height: 25px; text-align: center; padding: .75em 0 0; text-decoration: none; }
		#register-lightbox div.btn a span { font-family: 'CenturyGothic-Bold'; color: #fff; }

/* Pinnable objects */
.pinButton { display: none; width: 44px; height: 45px; background: transparent url('/widgets/assets/petshop/btn_pin_room.png') scroll no-repeat left top; position: absolute; right: 0; top: 70px; }
.pinButton.unpinmode { background-image: url('/widgets/assets/petshop/btn_unpin_room_large.png'); width: 42px; height: 42px; }

.lightbox { z-index: 10; position: relative; margin: 0; padding: 0; background-color: #b7b2e0; }
.roombuilder { z-index: 10; background: transparent; position: relative; padding: 0 !important; }

/* Basic page structure */
#pagecontents { background: #c2bbdd url('/widgets/assets/petspage/bg_pets_stars.png') scroll no-repeat center bottom; height: 500px; font-family: 'CenturyGothic'; overflow:hidden; font-size:0.8em; }

/* Pet shop */
#header { height: 182px; margin: 0 auto; background: transparent; }
	#header .header { width: 780px; height: 106px; padding: 0; margin: 0 auto; color: #d3007f; font-family: 'CenturyGothic-Bold'; display: none; position: relative; }
	#header .header #avatarCustomizerLink, #header .header #headerAvatarHolder { width: 59px; height: 59px; display: block; position: absolute; left: 33px; top: 27px; }
	#header .header #headerAvatarHolder { background: #fff; }
	#header .header #headerAvatarHolder img { width: 56px; height: 56px; position: absolute; bottom: 0; left: 0; }
	#header h2 { text-align: center; margin: 0; padding: 0; color: #d3007f; font-size: 4em; letter-spacing: 3px; }
	#header .header a.button { display: block; text-decoration: none; background: transparent scroll no-repeat left top; color: #fff; font-family: Thingamajig; font-size: 2em; position: absolute; text-transform: uppercase; font-weight: bold; text-align: center;}
	#header .header a.button.longtext { font-size: 1em; }
	#header .header a.button.mediumtext { font-size: 1.25em; }
	.el-gr #header .header a.button, .fi-fi #header .header a.button, .fr-ca #header .header a.button, .no-no #header .header a.button, .sv-se #header .header a.button { font-size:1.8em; }
	.fr-ca #header .header a.button { font-size:1.5em; }

		#header .header a.button.registerlink, #header .header div.userinfoblock { width: 335px; height: 106px; left: 25px; }
		#header .header a.button.loginlink, #header .header a.button.newscene { width: 323px; height: 106px; right: 25px; }

		#header .header div.userinfoblock { position: absolute; background-image: url('/widgets/assets/petshop/buttons/btn_homepage_avatar.png'); }
			#header .header div.userinfoblock p.username { font-size: 1.25em; letter-spacing: 1px; font-weight: bold; margin: 0; padding: 0 0 0 33%; width: 66%; position: relative; top: 33px; text-align: left; }
			#header .header div.userinfoblock a.button.logoutlink { display: block; width: 116px; height: 18px; position: absolute; bottom: 25px; left: 109px; text-align: center; padding: 2px 10px 0 0; font-size: 1em; background-image: url('/widgets/assets/petshop/buttons/img_header_button_logout.png'); }
				#header .header div.userinfoblock a.button.logoutlink.mediumtext { height: 15px; width: 112px; padding: 5px 14px 0 0; font-size: .8em; }
				#header .header div.userinfoblock a.button.logoutlink.longtext { height: 14px; width: 112px; padding: 6px 14px 0 0; font-size: .4em; }
		#header .header a.button.registerlink { background-image: url('/widgets/assets/petshop/buttons/btn_homepage_register.png'); padding: 39px 114px 33px 107px; width: 114px; height: 34px; }
			#header .header a.button.registerlink.mediumtext { height: 26px; padding: 47px 114px 33px 107px; }
			#header .header a.button.registerlink.longtext {  }
		#header .header a.button.loginlink { background-image: url('/widgets/assets/petshop/buttons/btn_homepage_login.png'); padding: 39px 114px 33px 95px; width: 114px; height: 34px; }
			#header .header a.button.loginlink.mediumtext { height: 26px; padding: 47px 122px 33px 87px; }
			#header .header a.button.loginlink.longtext {  }
		#header .header a.button.newscene { background-image: url('/widgets/assets/petshop/buttons/btn_homepage_new_scene.png'); font-size: 1.35em; padding: 36px 98px 40px 55px; width: 170px; height: 42px; }

#petshop { width: 100%; height: 1110px; margin: 0 auto; }
#petshop #roomcontainer { width: 100%; min-width: 1000px; height: 380px; margin: 0 auto; overflow: hidden; }
#petshop #roomcontainer div.roomHolder { position: relative; margin: 10px 0; }
#petshop #roomcontainer div.roomHolder .room { margin: 0 auto; }
#petshop #roomcontainer div.room,
#petshop #roomTutorial,
#petshop #roomStoryActions { position: relative; width: 300px !important; height: 234px; margin: 0 10px; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
#petshop #roomcontainer div.room.ui-draggable-dragging { z-index: 1000; -webkit-box-shadow: 0px -1px 10px 0px rgba(230, 30, 130, 0.9); -moz-box-shadow: 0px -1px 10px 0px rgba(230, 30, 130, 0.9); box-shadow: 0px -1px 10px 0px rgba(230, 30, 130, 0.9); }
#petshop #roomcontainer div.room.ui-droppable.hovered { border: 3px solid #f0f; margin: 7px 5px; }

	#petshop #roomTutorial { background: transparent url('/widgets/assets/petshop/bg_room_tutorial.png') scroll no-repeat center center; }
		#petshop #roomTutorial p.title { margin: 0; position: relative; top: 20px; color: #fff; font-size: 1.75em; font-weight: bold; font-family: Thingamajig; text-align: center; letter-spacing: 1px; }
		#petshop #roomTutorial a { display: block; position: absolute; background: transparent scroll no-repeat center center; background-size: 100% 100%; color: #fff; font-weight: bold; text-transform: uppercase; text-decoration: none; font-size: 1.3em; }
			#petshop #roomTutorial a#btnPlayTutorial { top: 70px; left: 120px; width: 60px; height: 60px; background-image: url('/widgets/assets/petshop/btn_tutorial_play.png'); }
			#petshop #roomTutorial a#btnWatchTutorial { top: 190px; left: 73px; width: 154px; height: 35px; background-image: url('/widgets/assets/petshop/btn_tutorial_watch.png'); text-align: center; }
				#petshop #roomTutorial a#btnWatchTutorial span { display: block; margin: 9px 0 0; }

	#petshop #roomStoryActions { background: transparent url('/widgets/assets/petshop/bg_room_customizer_actions.png') scroll no-repeat center center; }
		#petshop #roomStoryActions a { display: block; width: 220px; height: 43.2px; position: absolute; left: 40px; background: transparent scroll no-repeat center center; background-size: 100% 100%; color: #fff; font-weight: bold; text-transform: uppercase; text-decoration: none; font-size: 1em; }
			#petshop #roomStoryActions a span { display: block; margin-top: 15px; }
				#petshop #roomStoryActions a span.longtext { margin-top: 5px; }
		#petshop #roomStoryActions #btnAddScene { top: 20px; background-image: url('/widgets/assets/petshop/btn_add_story_chapter.png'); }
			#petshop #roomStoryActions #btnAddScene span { margin-left: 65px; margin-right: 10px; }
			#petshop #roomStoryActions #btnAddScene.solo { top: 64px; }
		#petshop #roomStoryActions #btnViewStory { top: 75px; background-image: url('/widgets/assets/petshop/btn_view_story.png'); }
			#petshop #roomStoryActions #btnViewStory span { margin-left: 75px; margin-right: 10px; }

	#petshop #roomcontainer div.customroom div.roomContents { margin: 0; border: none; float: none; }
		#petshop #roomcontainer div.customroom div.roomContents .customroomobjects { zoom: 0.53; -moz-transform: scale(0.53); position: absolute; z-index: 10; }
		#petshop #roomcontainer div.customroom div.roomContents .customroomobjects div { border: none; height: auto; width: auto; }
	#petshop #roomcontainer div.roomContents { width: 300px; height: 234px; margin: 0; border: none; }
	#petshop #roomcontainer div.unpinpanel { display: none; position: absolute; height: 234px; width: 303px; left: 0; top: 0; background: transparent url('/widgets/assets/interface/bg_delete_scene_panel.png') scroll no-repeat left top; background-size: 100% 100%; z-index: 30; font-size: 1.4em; }
		#petshop #roomcontainer div.unpinpanel p { color: #d3007f; font-family: 'CenturyGothic-Bold'; text-align: center; width: 80%; margin: 10% auto auto; }
		#petshop #roomcontainer div.unpinpanel .unpinchoicebutton { display: block; width: 129px; height: 30px; padding: 10px 0 0; position: absolute; top: 85px; left: 15px; text-align: center; text-decoration: none; background: transparent url('/widgets/assets/customrooms/interface/btn_scene_delete_cancel.png') scroll no-repeat left top; color: #fff; font-family: 'CenturyGothic-Bold'; text-transform: uppercase; }
		#petshop #roomcontainer div.unpinpanel .unpinchoicebutton.removecustom { left: auto; right: 15px; background-image: url('/widgets/assets/customrooms/interface/btn_scene_delete_confirm.png'); }
			#petshop #roomcontainer div.unpinpanel span.mediumtext { font-size: .75em; display: inline-block; }
			#petshop #roomcontainer div.unpinpanel span.longtext { font-size: .75em; margin-top: -5px; display: inline-block; }
	#petshop img.thumbnail { position: relative; display: block; height: 50%; width: 39.8%; }
	#petshop a.itemlink { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; }
	#petshop a.addcustomroombutton { display: block; height: 20%; width: 70%; position: absolute; top: 40%; left: 15%; z-index: 11; }
	#petshop a.unpinbutton, #petshop a.movebutton, #petshop a.editbutton { background: transparent url('/widgets/assets/petshop/btn_scene_delete.png') scroll no-repeat left top; display: block; width: 40px; height: 40px; position: absolute; right: -15px; z-index: 11; }
	#petshop a.unpinbutton { background-image: url('/widgets/assets/petshop/btn_scene_delete.png'); top: -10px; }
		#petshop a.unpinbutton span { display: none; }
	#petshop a.movebutton { background-image: url('/widgets/assets/petshop/btn_scene_order.png'); top: 35px; }
		#petshop a.movebutton span { display: none; }
	#petshop a.editbutton { background-image: url('/widgets/assets/petshop/btn_scene_view.png'); top: 80px; }
		#petshop a.editbutton span { display: none; }
	#petshop div.replaceholder { background: rgba(78, 77, 159, 0.8); width: 100%; height: 18%; position: absolute; bottom: 0; left: 0; z-index: 12; }
		#petshop a.replacebutton { background: transparent url('/widgets/assets/interface/btn_avatar_customizer_action.png') scroll no-repeat left top; display: block; width: 165px; height: 24px; color: #fff; text-decoration: none; font-family: 'CenturyGothic-Bold'; text-align: center; padding: 7px 0 0; margin: 10px auto 0; }
	#petshop div.scenenumber { position: absolute; bottom: -10px; left: 50%; padding: 8px 0 0; margin-left: -6px; width: 36px; height: 28px; background: transparent url('/widgets/assets/interface/bg_scenenumber_holder.png') scroll no-repeat left top; color: #fff; font-family: 'CenturyGothic-Bold'; font-weight: bold; font-size: 1.2em; z-index: 150; text-align: center; }
#petshop .emptyroom { background: transparent url('/widgets/assets/rooms/bg_room_empty.png') scroll no-repeat left top; }
#petshop .videoroom { background: transparent url('/widgets/assets/rooms/bg_room_video.png') scroll no-repeat left top; }
	#petshop .videoroom img.thumbnail { left: 49%; top: 24%; }
	#petshop .videoroom img.roompet, #petshop .videophroom img.roompet { left: 15%; bottom: 6%; }
	#petshop .videoroom .previouspet { left: 17%; top: 84%; }
	#petshop .videoroom .nextpet { left: 43%; top: 84%; }
#petshop .videophroom { background: transparent url('/widgets/assets/rooms/bg_room_videoph.png') scroll no-repeat left top; }
#petshop .toyroom { background: transparent url('/widgets/assets/rooms/bg_room_toy.png') scroll no-repeat left top; }
	#petshop .toyroom img.thumbnail { left: 51%; top: 26%; }
	#petshop .toyroom img.roompet, #petshop .toyphroom img.roompet { left: 17%; bottom: 2%; }
	#petshop .toyroom .previouspet { left: 20%; top: 86%; }
	#petshop .toyroom .nextpet { left: 45%; top: 86%; }
#petshop .toyphroom { background: transparent url('/widgets/assets/rooms/bg_room_toyph.png') scroll no-repeat left top; }
#petshop .imageroom { background: transparent url('/widgets/assets/rooms/bg_room_printable.png') scroll no-repeat left top; }
	#petshop .imageroom img.thumbnail { left: 44%; top: 23%; }
	#petshop .imageroom img.roompet, #petshop .imagephroom img.roompet { left: 8%; bottom: 36%; }
	#petshop .imageroom .previouspet { left: 10%; top: 54%; }
	#petshop .imageroom .nextpet { left: 36%; top: 54%; }
#petshop .imagephroom { background: transparent url('/widgets/assets/rooms/bg_room_printableph.png') scroll no-repeat left top; }
#petshop .gameroom { background: transparent url('/widgets/assets/rooms/bg_room_game.png') scroll no-repeat left top; }
	#petshop .gameroom img.thumbnail { left: 18%; top: 16%; }
	#petshop .gameroom img.roompet, #petshop .gamephroom img.roompet { left: 49%; top: 76%; }
	#petshop .gameroom .previouspet { left: 52%; top: 85%; }
	#petshop .gameroom .nextpet { left: 79%; top: 85%; }
#petshop .gamephroom { background: transparent url('/widgets/assets/rooms/bg_room_gameph.png') scroll no-repeat left top; }
#petshop .gamephroom p, #petshop .videophroom p, #petshop .toyphroom p, #petshop .imagephroom p { color: #362d62; font-family: 'CenturyGothic-Bold'; width: 300px; margin: 18px auto 0; text-align: center; font-size: 1.1em; }
.roomContents a.seeallbutton { display: block; width: 98px; height: 17px; padding: 5px 0 0; text-align: center; text-decoration: none; background: transparent url('/widgets/assets/petshop/btn_billboard.png') scroll no-repeat left top; color: #fff; font-family: 'CenturyGothic-Bold'; font-size: .85em; position: absolute; }
	.toyphroom .roomContents a.seeallbutton { left: 225px; top: 185px; }
	.videophroom .roomContents a.seeallbutton { left: 225px; top: 170px; }
	.imagephroom .roomContents a.seeallbutton { left: 195px; top: 180px; }
	.gamephroom .roomContents a.seeallbutton { left: 100px; top: 155px; }

#petshop .previouspet { display: block; height: 18px; width: 19px; position: absolute; bottom: 25px; left: 0; background: transparent url('/widgets/assets/petshop/btn_prev_pet.png') scroll no-repeat left top; z-index: 11; }
#petshop .roompet { position: absolute; bottom: 15px; left: 15px; z-index: 11; }
#petshop .nextpet { display: block; height: 18px; width: 19px; position: absolute; bottom: 25px; left: 55px; background: transparent url('/widgets/assets/petshop/btn_next_pet.png') scroll no-repeat left top; z-index: 11; }

.flowfix { line-height: 1px; font-size: 1px; height: 1px; clear: both; display: block; }

	.userbar #userbarAvatarHolder { position: relative; width: 25px; height: 25px; display: inline-block; }
		 .userbar #userbarAvatarHolder img { width: 30px; height: 30px; position: absolute; top: 0; left: 0; }

/* Login */
#login-lightbox, #password-lightbox { font-size: .8em; }
.loginbox { padding: 0; }
.loginbox .lightbox-content p { color: #424287; text-align: left; font-family: 'CenturyGothic'; }
.loginbox .lightbox-content { z-index: 10; position: relative; margin: 0; width: 450px; padding: 5px 25px 0; background: #b7b2e0 scroll no-repeat left top; color: #424287; }
.loginbox .lightbox-content #usernamePanel { height: 135px; }
.loginbox .lightbox-content #questionsPanel { height: 200px; }
.loginbox .lightbox-content #passwordPanel { height: 200px; }
.loginbox .lightbox-content #passwordRecovery-message { padding-bottom: 12px; }
.forgotPassword { color: #d2117c; font-weight: bold; }
.loginbox h1, .loginbox h2, .loginbox h3, .loginbox label { font-family: 'CenturyGothic-Bold'; }
.loginbox h1 { font-size: 1.5em; margin-bottom: 10px; }
.loginbox h3 { font-size: 1.2em; margin-bottom: 10px; }
.loginbox th { text-align: left; padding-top: 6px; }
.loginbox .lightbox-content a.showPassword { margin-left: 6px; color: #424287; text-decoration: none; font-family: 'CenturyGothic-Bold'; }
.loginbox .lightbox-content a.showPassword:hover { color: #d2117c; }
.select-wrapper { display: inline-block; }
.select-wrapper select { width: 160px; }
.loginbox td input#loginPassword { width: 385px; }
.recoverPassword { padding-top: 6px; }
.loginbox a.action-button, .loginbox a.action-button { display: block; width: 165px; height: 24px; padding: 7px 0 0; background: transparent url('/widgets/assets/interface/btn_avatar_customizer_action.png') scroll no-repeat left top; text-align: center; text-decoration: none; margin-top: 10px; }
	.loginbox a.action-button span, .loginbox a.action-button span { color: #fff; font-family: 'CenturyGothic-Bold'; }

.loginbox input.valid { background: #fff url('/widgets/assets/interface/icon_field_valid.png') scroll no-repeat 99% center; border-color: default; }
.loginbox input.invalid { background: #fff url('/widgets/assets/interface/icon_field_invalid.png') scroll no-repeat 99% center; border-color: #f00; }
.loginbox input.digits.valid { background-image: none; }
.loginbox input.digits.invalid { background-position: 85% center; }

.errorholder { padding-top: 6px; }

/* Password recovery */
#passwordRecovery-message div { display: none; }

/* Feedback popups */
.feedback { padding: 0; }
.feedback .popupbody { z-index: 10; position: relative; width: 250px; height: 197px; margin: 0; padding: 35px 25px 0; background: transparent url('/widgets/assets/interface/bg_small_popup.png') scroll no-repeat left top; }
	.feedback .popupbody.notloggedin { padding-top: 15px; height: 220px; }
.feedback .popupbody p { color: #4e4d9f; font-family: 'CenturyGothic-Bold'; font-size: 1.4em; text-align: center; margin: 0 0 25px; }
.feedback .popupbody a { background: transparent url('/widgets/assets/interface/btn_avatar_customizer_action.png') scroll no-repeat left top; display: block; width: 165px; height: 24px; color: #fff; text-decoration: none; font-family: 'CenturyGothic-Bold'; text-align: center; padding: 7px 0 0; margin: 10px auto 0; }
.feedback .fancybox-close, .loginbox .fancybox-close, .registerlightbox .fancybox-close { left: -15px; top: -15px; background: transparent url("/widgets/assets/interface/btn_close_lightbox.png") no-repeat scroll 0 0; }

/* tablet */
@media (max-width: 1023px) {
	#header .header { width: 768px; }
	#register-lightbox, #avatarcustomizercomplete { padding: 56px 100px 38px; background-image: url('/widgets/assets/registration/bg_registration_tablet.png'); }
	#pagecontents { height: 550px; }
	#petshop { width: 760px; }
	#petshop #roomcontainer { min-width: 0; }
	#petshop #roomcontainer div.room { width: 380px !important; height: 297px; margin-right: 0; margin-left: 0; }
	#petshop #roomcontainer div.roomContents { width: 100%; height: 100%; }
	#petshop #roomcontainer div.customroom div.roomContents .customroomobjects { zoom: 0.665; -moz-transform: scale(0.665); }
	#petshop #roomStoryActions a { width: 280px; height: 55px; left: 50px; font-size: 1.25em; }
	#petshop #roomStoryActions a span { margin-top: 20px; }
	#petshop #roomStoryActions #btnAddScene span { margin-left: 80px; }
	#petshop #roomStoryActions #btnViewStory { top: 90px; }
	#petshop #roomStoryActions #btnViewStory span { margin-left: 100px; }
	#header { height: auto; }
	.feedback .fancybox-close, .registerlightbox .fancybox-close, .loginbox .fancybox-close { background-image: url("/widgets/assets/interface/btn_close_lightbox.png"); }
	#petshop #roomcontainer div.unpinpanel { width: 100%; height: 100%; }
	#petshop #roomTutorial a#btnPlayTutorial { left: 160px; top: 100px; }
	#petshop #roomTutorial a#btnWatchTutorial { left: 113px; top: 230px; }
}

/* mobile */
@media (max-width: 767px) {
	* { letter-spacing: 0 !important; }
	#register-lightbox, #avatarcustomizercomplete { padding: 5px 10px 0; background: #b7b2e0; width: 300px; }
		#register-lightbox h1 { font-size: 1.4em; margin: 0; width: 260px; color: #424287; }
		#register-lightbox td.question .select-wrapper select { width: 300px; }
			.select-wrapper select { width: 120px; }
		#register-lightbox input#register_usernamePart3 { width: 50px; padding: inherit 3px; text-align: center; }
		#register-lightbox input.fixed-size { width: 300px; }

	#pagecontents { height: 650px; background: #c2bbdd url('/widgets/assets/petspage/bg_pets_stars_mobile.png') scroll no-repeat center bottom; }
	#header { height: auto; padding-top: 15px; }
		#header h2 { font-size: 1.75em; }
		#header .header { width: 320px; height: 160px; padding: 0; margin: 0 auto; background: transparent; position: relative; color: #4e4d9f; font-family: 'CenturyGothic-Bold'; display: none; font-size: .8em; }
		#header .header #avatarCustomizerLink { width: 47px; height: 47px; display: block; position: absolute; left: 9px; top: 2px; }
		#header .header #headerAvatarHolder { width: 47px; height: 47px; position: absolute; left: 9px; top: 2px; background: #fff; border: 1px solid #817bb9; }
		#header .header #headerAvatarHolder img { width: 51px; height: 51px; position: absolute; top: -5px; left: 0; }
		#header #userheader-logged-in.header p { width: 60%; position: absolute; top: 8px; left: 0; padding: 0 0 0 33%; }
		#header #userheader-logged-out.header p { width: 90%; text-align: center; padding: 0 5%; position: absolute; top: 18px; }
			#header #userheader-logged-out.header p span { text-transform: uppercase; }

	#header .header div.userinfoblock, #header .header a.button.newscene, #header .header a.button.registerlink, #header .header a.button.loginlink { position: relative; left: 0; right: 0; margin: 10px auto; }
	#header .header div.userinfoblock { width: 239px; height: 57px; padding: 0; background-image: url('/widgets/assets/petshop/buttons/btn_homepage_avatar_mobile.png'); }
		#header .header div.userinfoblock a.button.logoutlink { width: 85px; height: 12px; bottom: 10px; left: 77px; padding: 3px 10px 0 0; background-image: url('/widgets/assets/petshop/buttons/img_header_button_logout_mobile.png'); }
			#header .header div.userinfoblock a.button.logoutlink.longtext { padding: 3px 12px 0 6px; height: 12px; width: 77px; text-align: left; overflow: hidden; line-height: 10px; }
	#header .header a.button.newscene { width: 118px; height: 38px; padding: 25px 75px 14px 50px; background-image: url('/widgets/assets/petshop/buttons/btn_homepage_new_scene_mobile.png'); }
	#header .header a.button.registerlink { width: 117px; height: 30px; padding: 31px 50px 16px 84px; background-image: url('/widgets/assets/petshop/buttons/btn_homepage_register_mobile.png'); }
	#header .header a.button.loginlink { width: 118px; height: 30px; padding: 28px 55px 17px 70px; background-image: url('/widgets/assets/petshop/buttons/btn_homepage_login_mobile.png'); }

	#petshop { width: 320px; }
	#petshop #roomcontainer div.room { width: 257px !important; height: 201px !important; }
	#petshop #roomcontainer div.customroom div.roomContents .customroomobjects { zoom: 0.433; -moz-transform: scale(0.433); }
	#petshop div.scenenumber { margin-left: -18px; }

	#petshop #roomTutorial p.title { top: 18px; font-size: 1.5em; }
	#petshop #roomTutorial a#btnPlayTutorial { top: 71px; left: 100px; width: 56px; height: 56px; background-image: url('/widgets/assets/petshop/btn_tutorial_play_mobile_hd.png'); }
	#petshop #roomTutorial a#btnWatchTutorial { top: 162px; left: 78px; width: 104px; height: 24px; background-size: 100% 100%; font-size: 1.2em; }
	#petshop #roomTutorial a#btnWatchTutorial span { margin: 3px 0 0; }

	#petshop #roomStoryActions a { width: 182px; height: 36px; left: 40px; background-size: 100% 100%; }
		#petshop #roomStoryActions a span { margin-top: 12px; font-size: .65em; }
	#petshop #roomStoryActions #btnAddScene { top: 20px; }
		#petshop #roomStoryActions #btnAddScene span { margin-left: 50px; }
	#petshop #roomStoryActions #btnViewStory { top: 69px; }
		#petshop #roomStoryActions #btnViewStory span { margin-left: 67px; }

	#petshop #roomcontainer div.unpinpanel { width: 257px; height: 201px; background-size: 100% 100%; }
	#petshop #roomcontainer div.unpinpanel p { width: 75%; margin: 14% auto 0; }
	#petshop #roomcontainer div.unpinpanel .unpinchoicebutton { width: 80px; height: 20px; top: 77px; left: 25px; padding: 5px 0 0; background-size: 100% 100%; font-size: .7em; }
	#petshop #roomcontainer div.unpinpanel .unpinchoicebutton.removecustom { left: auto; right: 25px; }

	.slick-dots { bottom: 15px !important; }
	.slick-prev:before, .slick-next:before, .slick-prev:after, .slick-next:after { display: none !important; }

	#petshop div.replaceholder { height: 22%; }

	.feedback .popupbody { width: 301px; height: 184px; padding: 0; background-image: url('/widgets/assets/interface/bg_popups_mobile.png'); }
		.feedback .popupbody.unpinned { height: 140px; padding: 44px 0 0; }
	.feedback .popupbody p { margin: 0 25px; }
	.feedback .fancybox-close { left: -8px; top: -8px; }

	/* Login */
	.loginbox .lightbox-content { margin: 0; width: 300px; padding: 5px 10px 0; }
	.loginbox td input#loginPassword { width: 300px; }
	.loginbox input#login_usernamePart3, input#passwordRecovery-usernamePart3 { width: 50px; padding: inherit 3px; text-align: center; }
	
	/* Password recovery */
	#passwordRecovery-message div { display: none; }
	input#passwordRecovery-answer1, input#passwordRecovery-answer2, input#passwordRecovery-password, input#passwordRecovery-passwordConfirm { width: 300px; }
	a.showPassword { display: none; }
	
	/* Feedback popups */
	.feedback { padding: 0; }
	.feedback .popupbody { z-index: 10; position: relative; width: 250px; height: 197px; margin: 0; padding: 35px 25px 0; background: transparent url('/widgets/assets/interface/bg_small_popup.png') scroll no-repeat left top; }
		.feedback .popupbody.notloggedin { padding-top: 15px; height: 220px; }
	.feedback .popupbody p { color: #4e4d9f; font-family: 'CenturyGothic-Bold'; font-size: 1.4em; text-align: center; margin: 0 0 25px; }
	.feedback .popupbody a { background: transparent url('/widgets/assets/interface/btn_avatar_customizer_action.png') scroll no-repeat left top; display: block; width: 165px; height: 24px; color: #fff; text-decoration: none; font-family: 'CenturyGothic-Bold'; text-align: center; padding: 7px 0 0; margin: 10px auto 0; }
	.feedback .fancybox-close, .registerlightbox .fancybox-close, .loginbox .fancybox-close { left: 280px; top: 10px; background: transparent url("/widgets/assets/interface/btn_close_lightbox.png") no-repeat scroll 0 0; }
}

/* swapping images for higher pixel ratio displays */
@media
only screen and ( -webkit-min-device-pixel-ratio: 2) and (min-width: 768px),
only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 768px),
only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 768px),
only screen and ( min-device-pixel-ratio: 2) and (min-width: 768px),
only screen and ( min-resolution: 192dpi) and (min-width: 768px),
only screen and ( min-resolution: 2dppx) and (min-width: 768px) {
	#register-lightbox { background-image: url('/widgets/assets/registration/bg_registration_tablet_hd.png'); background-size: 100% 100%; }
	#register-lightbox div.btn a { background-image: url('/widgets/assets/interface/btn_avatar_customizer_action_hd.png'); background-size: 100% 100%; }

	.feedback .fancybox-close, .registerlightbox .fancybox-close, .loginbox .fancybox-close { background-image: url('/widgets/assets/interface/btn_close_lightbox_hd.png'); background-size: 100% 100%; }
}

@media
only screen and ( -webkit-min-device-pixel-ratio: 2) and (max-width: 767px),
only screen and ( min--moz-device-pixel-ratio: 2) and (max-width: 767px),
only screen and ( -o-min-device-pixel-ratio: 2/1) and (max-width: 767px),
only screen and ( min-device-pixel-ratio: 2) and (max-width: 767px),
only screen and ( min-resolution: 192dpi) and (max-width: 767px),
only screen and ( min-resolution: 2dppx) and (max-width: 767px) {
	.feedback .popupbody { background-image: url('/widgets/assets/interface/bg_popups_mobile_hd.png'); background-size: 100% 100%; }
	.feedback .fancybox-close, .registerlightbox .fancybox-close, .loginbox .fancybox-close { background-image: url('/widgets/assets/interface/btn_close_lightbox_hd.png'); background-size: 100% 100%; }
}