/* Implement into CQ page */

.fullscreenmedia-comp-cont {margin-top:-40px;margin-bottom:-45px;height:756px;background:#000 !important;}

div.assetcontentpar .section div#container-chrismascard, div.assetcontentpar .section div#container-chrismascard div {display:block;height:auto;min-height:0;overflow:visible;width:auto;}

div.assetcontentpar .section div#container-chrismascard {position:relative; height:auto; width:100%; background:#000;}

div.assetcontentpar .new.section {display:none !important;}

/* div.footerlinks{position:absolute;width:100%;bottom:59px;height:0px;margin:0px;z-index:60;} */

 /* index:
 * 1. fonts
 * 2. normalise html5
 * 3. default styles (based on boilerplate/normalise)
 * 4. helper classes (non-semantic)
 * 5. shared states
 * 6. style patterns
 * 7. @mediaqueries
 */


/* 1. fonts  */
	/*  headings (licence: http://www.fontsquirrel.com/license/PT-Sans) */
	/* THIS FONT WILL NEED CHANGING - IT MUST BE STREAMED VIA INTEL DIRECTLY. */
	/* EACH BROWSER WILL REQUIRE A SPECIFIC VERSION */

	/*
@font-face {
		font-family: "NeoSansIntel";
		src: local('Neo Sans Intel'), url("../fonts/NeoSansIntel.ttf") format("truetype"); //
		font-weight: normal;
		font-style: normal;
	}
*/
	

/* 2. normalise html5 */
	/* corrects block display not defined in IE6/7/8/9 & FF3 */
		article,
		aside,
		details,
		figcaption,
		figure,
		footer,
		header,
		hgroup,
		nav,
		section {
			display: block;
		}

/* 3. default styles (based on boilerplate/normalise) */

	/* sectioning content */
		article {
			margin: 0 0 6em 0;
		}

		aside {
			border: 0.0625em solid #ddd;
			border-width: 0.0625em 0;
			margin: 0 0 2em 0;
			padding-top: 1em;
		}

		details {
			margin: 0 0 1em 0;
		}

		section {
			margin: 0 0 2em 0;
		}

	/* heading content */
		h1,
		h2,
		h3,
		h4,
		.alpha,
		.beta,
		.gamma,
		.delta {
			color: #000;
			font-size: 2em !important;
			font-weight: normal;
			line-height: 1;
			margin: 0 0 0.5em 0;
			-webkit-backface-visibility:hidden;
		}

		h2,
		.beta {
			font-size: 1.75em !important;
		}

		h3,
		.gamma {
			font-size: 1.375em !important;
		}

		h4,
		.delta {
			font-size: 1.125em !important;
		}

	/* text-level semantics */
		code {
			color: #f00;
			font-family: monospace, monospace;
			font-size: 0.813em;
		}

		.oldie code {
			_font-family: 'courier new', monospace;
		}

	/* grouping content */
		/* lists */
			dl {
				margin-bottom: 2.5em;
			}

			dl dt {
				font-style: italic;
			}

			dl dd {
				margin: 0.5em 0 0.5em 2.5em;
			}

			ol,
			ul {
				margin: 0 0 2em 0;
				padding: 0 0 0 2.5em;
			}

			ol ol,
			ul ul,
			ul ol,
			ol ul {
				margin-bottom: 0;
			}

		/* paragraphs and pre */
			p,
			pre {
				margin: 0;
				-webkit-backface-visibility:hidden;
			}

			pre {
				border: 0.0769em solid #aaa;
				border-width: 0.0769em 0;
				font-size: 0.813em;
				font-family: monospace, monospace;
				padding: 1em;
				/*white-space: pre;
				white-space: pre-wrap;
				word-wrap: break-word;*/
			}

			.oldie pre {
				_font-family: 'courier new', monospace;
			}

			a, span {
				-webkit-backface-visibility:hidden;
			}

	/* embedding content */
		img {
		
			border: 0;
			-ms-interpolation-mode: bicubic;
		}

/* 4. helper classes (non-semantic) */
	/* clearfix */
		.clearfix:before,
		.clearfix:after,
		div.assetcontentpar .section div#container-chrismascard .clearfix:before,
		div.assetcontentpar .section div#container-chrismascard .clearfix:after{
			content: "";
			display: table;
		}

		.clearfix:after,
		div.assetcontentpar .section div#container-chrismascard .clearfix:after{
			clear: both;
		}

		.oldie .clearfix,
		div.assetcontentpar .section div#container-chrismascard .oldie .clearfix{
			*zoom: 1;
		}

	/* image replacement */
		.image-replacement,
		div.assetcontentpar .section div#container-chrismascard .image-replacement{
			background-repeat: no-repeat;
			display: block;
			direction: ltr;
			overflow: hidden;
			text-align: left;
			text-indent: -999em;
		}

	/* inline-block */
		.inline-block,
		div.assetcontentpar .section div#container-chrismascard .inline-block{
			display: -moz-inline-box;
			display: inline-block;
			position: relative;
		}

		.oldie .inline-block,
		div.assetcontentpar .section div#container-chrismascard .oldie .inline-block{
			*display: inline;
			*zoom: 1;
		}

/* 5. shared states */
	/* hidden */
		.is-hidden,
		div.assetcontentpar .section div#container-chrismascard .is-hidden,
		[hidden]{
			display: none;
			visibility: hidden;
		}

	/* hide only visually, but have it available for screenreaders */
		.is-visually-hidden,
		div.assetcontentpar .section div#container-chrismascard .is-visually-hidden{
			border: 0;
			clip: rect(0 0 0 0);
			height: 1px;
			margin: -1px;
			overflow: hidden;
			padding: 0;
			position: absolute;
			width: 1px;
		}

		.is-visually-hidden.focusable:active,
		.is-visually-hidden.focusable:focus,
		div.assetcontentpar .section div#container-chrismascard .is-visually-hidden.focusable:active,
		div.assetcontentpar .section div#container-chrismascard .is-visually-hidden.focusable:focus{
			clip: auto;
			height: auto;
			margin: 0;
			overflow: visible;
			position: static;
			width: auto;
		}

	/* hide visually and from screenreaders, but maintain layout */
		.is-invisible,
		div.assetcontentpar .section div#container-chrismascard .is-invisible{
			visibility: hidden;
		}


/* 6. style patterns */

	/* container  */
	.site-container,
	div.assetcontentpar .section div#container-chrismascard .site-container{
		margin:0 auto;
		overflow:hidden;
		position:relative;
		height:725px;
	}

	/* interaction wrapper */
	.interaction-frame,
	div.assetcontentpar .section div#container-chrismascard .interaction-frame{
		width:1600px;
		margin:0 auto;
		margin-top: -150px;
		height:720px;
		overflow: hidden;
	}

	.interaction-disabled,
	div.assetcontentpar .section div#container-chrismascard .interaction-disabled{
		margin:0 auto;
		background-image:url('/content/dam/www/public/emea/xe/en/include/christmascard/images/backgrounds/unwrapBackground.jpg');
		background-position: top center;
		background-repeat: no-repeat;
		height:724px;
		position:relative;
		top:-755px;
		z-index:50;
		background-color:#000;
	}

	/* video area */
	.interaction-video-first,  
	.interaction-video-second,
	div.assetcontentpar .section div#container-chrismascard .interaction-video-first,
	div.assetcontentpar .section div#container-chrismascard .interaction-video-second{
		width: 1280px;
		height:720px;
		position:absolute;
		left:50%;
		margin-left:-640px;
		/*border:2px solid green;*/
	}

	.interaction-display,
	div.assetcontentpar .section div#container-chrismascard .interaction-display{
		width: 1280px;
		height: 720px;
		position: absolute;
		left: 50%; 
		margin-left: -640px;

	}

	/* game area */
	.interacton-overlay,
	div.assetcontentpar .section div#container-chrismascard .interacton-overlay{
		background-image:url('/content/dam/www/public/emea/xe/en/include/christmascard/images/backgrounds/selectBackground.jpg');
		background-position: top left;
		background-repeat: no-repeat;
		background-color:#000;
		width: 1280px;
		height:720px;
		position:absolute;
		top:0;
	}

	/* introduction message */
	.interactive-intro,
	div.assetcontentpar .section div#container-chrismascard .interactive-intro{
		background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/backgrounds/video-middle-frame.jpg');
		background-position: top left;
		background-repeat: no-repeat;
		width:1280px;
		height:720px;
		float:left;
		position:absolute;
		left:50%;
		top:0;
		margin-left:-640px;
	}

		.interactive-intro-copy,
		div.assetcontentpar .section div#container-chrismascard .interactive-intro-copy{
			position: absolute;
		    top: 43%;
		    left: 30%;
		    z-index: 53;
		    width: 500px;
		    text-align: center;
		    color: #fff;
		}

			.interactive-intro-copy h1,  
			.interactive-intro-copy h2 {
				color:#fff !important;
			}


		.interactive-intro-options,
		div.assetcontentpar .section div#container-chrismascard .interactive-intro-options{
			background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/startTitleBoxPlusRibbon.png');
			background-position: top left;
			background-repeat: no-repeat;
			width:690px;
			float:left;
			position:absolute;
			left:50%;
			top:190px;
			margin-left:-345px;
			z-index:51;
			padding:0 0 75px 70px	
		}

		.interactive-intro-options .interaction-header,
		div.assetcontentpar .section div#container-chrismascard .interactive-intro-options .interaction-header{
			padding: 60px 0 0 0;
			min-height: 74px;
			height:auto !important;
			height:74px;
			color:#fff;
		}

			.interactive-intro-options .interaction-header h1 {
				margin:0;
				padding:0;
				font-size:1.6em !important;
				color:#fff !important;
				font-weight: normal;
			}

			.interactive-intro-options .interaction-header h2 {
				margin:10px 0 0 0;
				padding:0;	
				font-size:1em !important;
				color:#fff !important;
				font-weight: normal;
			}

		/* Message wrapper */
		.interactive-intro-options .user-options,
		div.assetcontentpar .section div#container-chrismascard .interactive-intro-options .user-options{
			float:left;
			width:602px;
		}
			/* user choice*/

			.interactive-intro-options .user-options .option-facebook, 
			.interactive-intro-options .user-options .option-webcam {
				color:#0074cc;
			}

			.interactive-intro-options .user-options .user-option,
			div.assetcontentpar .section div#container-chrismascard .interactive-intro-options .user-options .user-option{
				width:300px; 
				height:82px;
				float:left;
				display:block;
				position:relative;
				text-decoration: none;
			}
				.interactive-intro-options .user-options .user-option .p,
				div.assetcontentpar .section div#container-chrismascard .interactive-intro-options .user-options .user-option .p{
					padding:10px 0 0 15px;
					font-size:0.75em !important;
					width:200px;
					display: block;
					cursor: pointer;
				}

			.interactive-intro-options .play,
			div.assetcontentpar .section div#container-chrismascard .interactive-intro-options .play{
				width:272px;
				padding:0 0 0 30px;
				float:right;
				display:block;
				background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/startUnwrapButton.png');
				background-position: 0 0;
				background-repeat: no-repeat;
				text-decoration: none;
				margin:0 0 0 0;
				border:0;
				position:relative;
			}

			.interactive-intro-options .play:hover,
			div.assetcontentpar .section div#container-chrismascard .interactive-intro-options .play:hover{
				background-position: 0 -165px;
				color:#fff;
			}

			.interactive-intro-options .play:hover,
			div.assetcontentpar .section div#container-chrismascard .interactive-intro-options .play:hover{
				top:0;
			}

			.interactive-intro-options .play .play-btn-text,
			div.assetcontentpar .section div#container-chrismascard .interactive-intro-options .play .play-btn-text{
				display:block;
				font-size:1.65em !important;
				padding:65px 0 0 0;
				color:#0074cc;
			}

			.interactive-intro-options .play:hover .play-btn-text,
			div.assetcontentpar .section div#container-chrismascard .interactive-intro-options .play:hover .play-btn-text{
				color:#fff;
			}

			.option-webcam {
				background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/startWebcamButton.png');
				background-position: 0 0;
				background-repeat: no-repeat;
			}

			.option-webcam:hover {
				background-position: 0 -82px;
				color:#fff;
			}

			.option-webcam:hover p {
				color:#fff;
			}

			.option-facebook {
				background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/startFacebookButton.png');
				background-position: 0 0;
				background-repeat: no-repeat;
				border-bottom:1px solid black;
				margin:1px 0 0 0;
			}

			.option-facebook:hover {
				background-position: 0 -82px;
				color:#fff;
			}

			.option-facebook:hover p {
				color:#fff;
			}

			.interactive-intro-options .user-options .option-facebook.option-fullsize,
			div.assetcontentpar .section div#container-chrismascard .interactive-intro-options .user-options .option-facebook.option-fullsize{
				background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/startFacebookTabletButtonUp.png');
				height:165px;
				border-bottom:0;
				margin:0;
			}

			.interactive-intro-options .user-options .facebook-active.option-fullsize,
			div.assetcontentpar .section div#container-chrismascard .interactive-intro-options .user-options .facebook-active.option-fullsize{
				background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/startFacebookTabletButtonSelected.png');
				height:165px;
				border-bottom:0;
				margin:0;
			}

			.interactive-intro-options .user-options .option-fullsize .p,
			div.assetcontentpar .section div#container-chrismascard .interactive-intro-options .user-options .option-fullsize .p{
				padding: 60px 0 0 15px;
			}

			.facebook-active, 
			.webcam-active {
				background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/startWebcamButton.png');
				background-position: 0 -164px;
				background-repeat: no-repeat;
			}

			.facebook-active {
				margin:1px 0 0 0;
			}

			.facebook-active p, 
			.webcam-active p {
				padding:10px 0 0 14px;
				font-size:0.75em !important;
				width:200px;
				color:#fff;
				float:left;
			}

			.interaction-intro .user-options .user-option .facebook-active p {
				padding:15px 0 0 8px;
			}

			.user-image,
			div.assetcontentpar .section div#container-chrismascard .user-image{
				float:right; 
				margin: 16px 4px 0 ; 
				width: 70px; 
				height:50px; 
			}

			.option-fullsize .user-image,
			div.assetcontentpar .section div#container-chrismascard .option-fullsize .user-image{
				margin: 58px 4px 0 0;
			}

			.user-image img {
				display: block;
				margin: 0 auto; 
			}

			.btn-connect,
			div.assetcontentpar .section div#container-chrismascard .btn-connect{
				position:absolute;
				padding:0 0 8px 15px;
				bottom:0;
				text-decoration: none;
				color:#fff;
				font-size:0.75em !important;
				font-weight: bold;
				cursor: pointer;
			}

			.btn-connect:visited,  
			.btn-connect:hover,
			.btn-connect:active,
			div.assetcontentpar .section div#container-chrismascard .btn-connect:visited,
			div.assetcontentpar .section div#container-chrismascard .btn-connect:hover,
			div.assetcontentpar .section div#container-chrismascard .btn-connect:active{
				color:#fff;
			}

			.btn-play-container,
			div.assetcontentpar .section div#container-chrismascard .btn-play-container{
				float:left;
			}

			.play,
			div.assetcontentpar .section div#container-chrismascard .play{
				float:left; width:300px; height:165px;
			}

			.play:hover .arrow-large,
			div.assetcontentpar .section div#container-chrismascard .play:hover .arrow-large{
				background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/arrow-large-white.png');
			}


			.arrow-large,
			div.assetcontentpar .section div#container-chrismascard .arrow-large{
				background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/arrow-large.png');
				background-repeat: no-repeat;
				background-position: center left;
				height: 25px;
				width: 10px;
				padding: 0 3px;
				position: relative;
				top: 2px;
				width:7px;
				margin: 0 0 0 10px;
			}

			.arrow-small,
			div.assetcontentpar .section div#container-chrismascard .arrow-small{
				background-image:url('/content/dam/www/public/emea/xe/en/include/christmascard/images/arrow-small.png');
				background-repeat: no-repeat;
				background-position: center right;
				height: 14px;
				width: 7px;
				top: 0px;
				margin: 0 0 0 7px;
				position: relative;
			}

			.small,
			div.assetcontentpar .section div#container-chrismascard .small{
				font-size:.80% !important;
			}

		.interaction-intro a {
			float:left;
			
		}

		.m-video-skip,
		div.assetcontentpar .section div#container-chrismascard .m-video-skip{
			display:none;
		}

		.interaction-status-message,
		div.assetcontentpar .section div#container-chrismascard .interaction-status-message{
			position: absolute; 
			top: 170px;
			left: 350px; 
			z-index: 50;
			width:637px;
			height:175px;
			color:#fff;
			background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/selectTitleBoxPlusRibbon.png');
			background-position:top left;
			background-repeat: no-repeat;

		}

		.interaction-status-message.long,
		div.assetcontentpar .section div#container-chrismascard .interaction-status-message.long{
			background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/selectTitleBoxPlusRibbon-long.png');
		}

			.interaction-status-message .status,
			div.assetcontentpar .section div#container-chrismascard .interaction-status-message .status{
				width:510px;
				margin: 18px 40px;
				font-size:1.70em !important;
				color: #fff !important;
			}

			.interaction-status-message .attempts,
			div.assetcontentpar .section div#container-chrismascard .interaction-status-message .attempts{
				position: absolute;
				bottom: 31px;
				right: 57px;
			}


			.interaction-status-message .attempts span {
				width: 31px;
				height:22px;
				padding: 5px 0px;
				margin: -5px 7px 0 0;
				background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/selectNumberCircle.png');
				background-position:top left;
				background-repeat: no-repeat;
				float:left;
				text-align: center;
			}

		.present-message,
		div.assetcontentpar .section div#container-chrismascard .present-message{
			background-repeat: no-repeat;
			position: absolute;
			height: 200px;
			top: 70px;
			left: 270px;
			z-index: 51;
			width: 735px;
			background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/unwrapTitleBoxPlusRibbon.png');
		}

			.present-message p {
				color: white;
				margin: 43px 0 0 180px;
				font-size: 1.5em !important;
				width:480px;
				text-align: left;
			}

				.present-messages .present-message.try-again,
				div.assetcontentpar .section div#container-chrismascard .present-messages .present-message.try-again{
					background-image:url('/content/dam/www/public/emea/xe/en/include/christmascard/images/rubbishEndTitleBoxPlusRibbon.png');
					background-position: top left;
					background-repeat: no-repeat;
					width:547px;
					height:190px;
					left:386px;
					top:106px;
				}

					.present-messages .present-message.try-again p {
						margin:66px 0 0 140px;
						font-size:1.1em !important;
						width:330px;
						text-align: left;
					}

					.present-messages .present-message.try-again .cta-try-again{
						position: absolute;
						text-decoration: none;
						font-size: 1.3em !important;
						padding: 15px 0 23px 75px;
						position: absolute;
						bottom: -2px;
						right: 0;
						width: 250px;
						height: 23px;
						background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/rubbishEndTryAgain.png');
						background-position: 0 0;
						background-repeat: no-repeat;
						color: #0074cc;
					}

					.present-messages .present-message.try-again .cta-try-again:hover{
						background-position:0 -60px;
						color:#fff;
					}

					.present-messages .present-message.try-again .cta-try-again:hover .arrow-large{
						background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/arrow-large-white.png');
					}

				.present-messages .present-message.lidflip,
				div.assetcontentpar .section div#container-chrismascard .present-messages .present-message.lidflip{
					background-image:url('/content/dam/www/public/emea/xe/en/include/christmascard/images/ultrabookEndTitleBoxRibbon.png');
					background-position: top left;
					background-repeat: no-repeat;
					width:752px;
					height:172px;
					left:299px;
				}

					.present-messages .present-message.lidflip h1 {
						color:#fff;
						margin: 52px 0 5px 180px;
					}

					.present-messages .present-message.lidflip p {
						font-size:1em !important;
						width:450px;
						margin:0px 0 0 180px;
						text-align: left;
					}

					.present-messages .present-message.lidflip a.cta-try-again{
						width:220px;
						height:25px;
						background-image:url('/content/dam/www/public/emea/xe/en/include/christmascard/images/ultrabookEndAnotherGoButtonUp.png');
						background-position: top left;
						text-decoration: none;
						color: #0074cc;
						left: 183px;
						bottom: -12px;
						position: absolute;
						text-align: center;
						padding:4px 0 0 0;
						font-size:0.9em !important;
					}

					.present-messages .present-message.lidflip a.cta-try-again:hover{
						background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/ultrabookEndAnotherGoButtonOver.png');
						color:#fff;
					}

					.present-messages .present-message.lidflip a.cta-try-again:hover .arrow-small,
					div.assetcontentpar .section div#container-chrismascard .present-messages .present-message.lidflip a.cta-try-again:hover .arrow-small{
						background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/arrow-small-white.png');
					}



					.present-messages .present-message.lidflip a.cta-view-ultra-book {
						background-position: 0 0;
						width: 310px;
						height: 45px;
						background-repeat: no-repeat;
						background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/seeRangeButton.png');
						text-decoration: none;
						color: #0074CC;
						float: left;
						position: absolute;
						bottom: -43px;
						right: 38px;
						text-align: center;
						font-size: 1.3em !important;
						padding: 15px 0 0 0;
					}

					.present-messages .present-message.lidflip a.cta-view-ultra-book:hover {
						background-position: 0 -60px;
						color:#fff;
					}

					.present-messages .present-message.lidflip a.cta-view-ultra-book:hover .arrow-large,
					div.assetcontentpar .section div#container-chrismascard .present-messages .present-message.lidflip a.cta-view-ultra-book:hover .arrow-large{
						background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/arrow-large-white.png');
					}


		.present-feedback,
		div.assetcontentpar .section div#container-chrismascard .present-feedback{
			background-repeat: no-repeat;
			position: absolute;
			height: 200px;
			top: 70px;
			left: 270px;
			z-index: 52;
			width: 735px;
			pointer-events: none;
			background-image:url('/content/dam/www/public/emea/xe/en/include/christmascard/images/unwrapTitleBoxPlusRibbon.png');
		}

		.present-feedback .instructions,
		div.assetcontentpar .section div#container-chrismascard .present-feedback .instructions{
			color: white;
			margin-top: 44px;
			font-size: 1.5em !important;
		}

		.big-present-closed .container,
		div.assetcontentpar .section div#container-chrismascard .big-present-closed .container{
			text-align: center;
			padding-top: 200px;
		}

		.big-present-closed .game-lidflip .container,
		div.assetcontentpar .section div#container-chrismascard .big-present-closed .game-lidflip .container{
			text-align: center;
			padding-top: 0px;
		}


		.big-present-closed .container img {
			position:relative;
			z-index: 1;
		}


		/* PERSONALISATION */

		.present-wrapper .explode .personalised-tag,
		div.assetcontentpar .section div#container-chrismascard .present-wrapper .explode .personalised-tag{
			position: absolute;
			bottom: 36px;
			right: 38px;
			padding: 7px 0 0 0px;
			font-size: 0.6em !important;
			background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/tag2.png');
			background-repeat: no-repeat;
			background-position: top left;
			width: 43px;
			height: 29px;
			text-align: center;
			pointer-events: none;
		}

		.present-wrapper .cracker .personalised-tag,
		div.assetcontentpar .section div#container-chrismascard .present-wrapper .cracker .personalised-tag{
			position:absolute;
			top:41px;
			left:36px;
			font-size:0.6em !important;
			text-transform: lowercase;
			background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/tag1.png');
			background-repeat: no-repeat;
			background-position: top left;
			width:32px;
			height:47px;
			pointer-events: none;
		}

		.present-wrapper .cracker .personalised-tag .name,
		div.assetcontentpar .section div#container-chrismascard .present-wrapper .cracker .personalised-tag .name{
			display: block;
			top: 20px;
			left: 4px;
			position: absolute;
			pointer-events: none;
			color:#AB845D;
			-webkit-transform: rotate(90deg);
			/* Firefox */
			-moz-transform: rotate(90deg);
			/* IE */
			-ms-transform: rotate(90deg);
			/* Opera */
			-o-transform: rotate(90deg);
			/* Internet Explorer */
			filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
			
		}

		.present-wrapper .diagonal .personalised-tag,
		div.assetcontentpar .section div#container-chrismascard .present-wrapper .diagonal .personalised-tag{
			position:absolute;
			bottom:11px;
			left:30px;
			font-size:0.6em !important;
			background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/tag3.png');
			background-repeat: no-repeat;
			background-position: top left;
			width:45px;
			color:#ab845d;
			text-align: center;
			padding:27px 0 20px 0;
			pointer-events: none;
		}
		.present-wrapper .explode.opened .personalised-tag,
		div.assetcontentpar .section div#container-chrismascard .present-wrapper .explode.opened .personalised-tag{
			display:none !important;
		}
		.present-wrapper .cracker.opened .personalised-tag,
		div.assetcontentpar .section div#container-chrismascard .present-wrapper .cracker.opened .personalised-tag{
			display:none !important;
		}
		
		.interaction-example{
			margin:-400px auto 0 auto;
			background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/gesture-sprites.png');
			background-repeat:no-repeat;
		}

		.interaction-example,
		div.assetcontentpar .section div#container-chrismascard .interaction-example{
			width:600px;
			height:400px;
			z-index:55;
			position:relative;
			pointer-events: none;
			display:block;
		} 

		.webcam .game-explode .interaction-example{
			margin-top: -440px;
			margin-left: 297px;
		}

		.webcam .game-cracker .interaction-example{
			margin-top: -440px;
			margin-left: 337px;
		}

		.webcam .game-lidflip .interaction-example{
			margin-top: -440px;
			margin-left: 337px;
		}

		.webcam .game-ribbon .interaction-example{
			margin-top: -444px;
		}

		.webcam .game-diagonal .interaction-example{
			margin-top: -480px;
		}


		.touch .game-explode .interaction-example{
			background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/gesture-sprites-touch-explode.png');
		}
		.touch .game-cracker .interaction-example{
			background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/gesture-sprites-touch-cracker.png');
		}
		.touch .game-lidflip .interaction-example{
			background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/gesture-sprites-touch-flip.png');
		}
		.touch .game-ribbon .interaction-example{
			background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/gesture-sprites-touch-ribbon.png');
		}
		.touch .game-diagonal .interaction-example{
			background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/gesture-sprites-touch-diagonal.png');
		}



			/* EXPLODE */
			/* NON-TOUCH */
			.nontouch .game-explode .interaction-0 {
				background-position:0 0;
			}

			.nontouch .game-explode .interaction-1 {
				background-position:-600px 0;
			}

			.nontouch .game-explode .interaction-2 {
				background-position:-1200px 0;
			}

			/* GESTURE */
			.webcam .game-explode .interaction-0 {
				background-position:0px -400px;
			}

			.webcam .game-explode .interaction-1 {
				background-position:-600px -400px;
			}

			.webcam .game-explode .interaction-2 {
				background-position:-1200px -400px;
			}

			/* TOUCH */
			.touch .game-explode .interaction-0 {
				background-position:0 0;
			}

			.touch .game-explode .interaction-1 {
				background-position:-600px 0;
			}

			.touch .game-explode .interaction-2 {
				background-position:-1200px 0;
			}

			
			.game-cracker, 
			.game-ribbon {
				margin-left:-2px;
			}



			/* CRACKER */
			/* NON-TOUCH */
			.nontouch .game-cracker .interaction-0 {
				background-position:0 -1200px;
			}

			.nontouch .game-cracker .interaction-1 {
				background-position:-600px -1200px;
			}

			.nontouch .game-cracker .interaction-2 {
				background-position:-1200px -1200px;
			}

			/* GESTURE */
			.webcam .game-cracker .interaction-0 {
				background-position:0 -1600px;
			}

			.webcam .game-cracker .interaction-1 {
				background-position:-600px -1600px;
			}

			.webcam .game-cracker .interaction-2 {
				background-position:-1200px -1600px;
			}

			/* TOUCH */
			.touch .game-cracker .interaction-0 {
				background-position:0 0;
			}

			.touch .game-cracker .interaction-1 {
				background-position:-600px 0;
			}

			.touch .game-cracker .interaction-2 {
				background-position:-1200px 0;
			}





			/* LID FLIP */
			/* NON-TOUCH*/
			.nontouch .game-lidflip .interaction-0 {
				background-position: 0 -2400px;
			}

			.nontouch .game-lidflip .interaction-1 {
				background-position: -600px -2400px;
			}

			.nontouch .game-lidflip .interaction-2 {
				background-position: -1200px -2400px;
			}

			/* GESTURE */
			.webcam .game-lidflip .interaction-0 {
				background-position: 0 -2800px;
			}

			.webcam .game-lidflip .interaction-1 {
				background-position: -600px -2800px;
			}

			.webcam .game-lidflip .interaction-2 {
				background-position: -1200px -2800px;
			}

			/* TOUCH */
			.touch .game-lidflip .interaction-0 {
				background-position:0 0;
			}

			.touch .game-lidflip .interaction-1 {
				background-position:-600px 0;
			}

			.touch .game-lidflip .interaction-2 {
				background-position:-1200px 0;
			}



			/* RIBBON */
			/* NON-TOUCH */
			.nontouch .game-ribbon .interaction-0 {
				background-position:0 -3600px;
			}

			.nontouch .game-ribbon .interaction-1 {
				background-position: -600px -3600px;
			}

			.nontouch .game-ribbon .interaction-2 {
				background-position: -1200px -3600px;
			}

			/* GESTURE */
			.webcam .game-ribbon .interaction-0 {
				background-position: 0 -4000px;
			}

			.webcam .game-ribbon .interaction-1 {
				background-position: -600px -4000px;
			}

			.webcam .game-ribbon .interaction-2 {
				background-position :-1200px -4000px;
			}

			/* TOUCH */
			.touch .game-ribbon .interaction-0 {
				background-position:0 0;
			}

			.touch .game-ribbon .interaction-1 {
				background-position:-600px 0;
			}

			.touch .game-ribbon .interaction-2 {
				background-position:-1200px 0;
			}

			


			/* DIAGONAL */
			/* NON-TOUCH */
			.nontouch .game-diagonal .interaction-0 {
				background-position:0 -4800px;
			}

			.nontouch .game-diagonal .interaction-1 {
				background-position:-600px -4800px;
			}

			.nontouch .game-diagonal .interaction-2 {
				background-position:-1200px -4800px;
			}

			/* GESTURE */
			.webcam .game-diagonal .interaction-0 {
				background-position:0 -5200px;
			}

			.webcam .game-diagonal .interaction-1 {
				background-position:-600px -5200px;
			}

			.webcam .game-diagonal .interaction-2 {
				background-position:-1200px -5200px;
			}

			/* TOUCH */
			.touch .game-diagonal .interaction-0 {
				background-position:0 0;
			}

			.touch .game-diagonal .interaction-1 {
				background-position:-600px 0;
			}

			.touch .game-diagonal .interaction-2 {
				background-position:-1200px 0;
			}




			.big-present-closed .container .instructions {
				display: none;
			}

		.instructions {
			display: block;
			width: 510px;
			margin: 0 auto 0 180px;
			text-align: left;
		}

	.viewing-profile {
		background-image:url('/content/dam/www/public/emea/xe/en/include/christmascard/images/backgrounds/unwrapBackground.jpg'); /* IE 8 < only */
		background-position: center top;
		background-repeat: no-repeat;
		background-color: #000;
		position:relative;
	}	


	/* TEST AREA FOR GAME */
	.viewing-profile .interacton-overlay .present {
		position:absolute;
		color:#fff;
		overflow: hidden;
	}

	.viewing-profile .interacton-overlay .present span.text {
		cursor: pointer;
	}

	.big-present-closed,
	div.assetcontentpar .section div#container-chrismascard .big-present-closed{
		background-repeat: no-repeat;
		background-position: top center;
		height:401px;
		width:1280px;
		position:absolute; 
		top:800px; 
		left:0px; 
		z-index:51;
	}

	.big-present-opened,
	div.assetcontentpar .section div#container-chrismascard .big-present-opened{
		background-repeat: no-repeat;
		background-position: top center;
		height:326px;
		width:415px;
	}


	/* UNOPENED */
	.viewing-profile .interacton-overlay .explode,
	div.assetcontentpar .section div#container-chrismascard .viewing-profile .interacton-overlay .explode{
		background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/present-states/presentSockClosed.png');
		background-position: top left;
		background-repeat: no-repeat;
		width:184px;
		height:166px;
		top:375px;
		left:189px;
	}

	.viewing-profile .interacton-overlay .explode span.text {
		display: block;
		width:184px;
		height:166px;
	}

	.viewing-profile .interacton-overlay .cracker,
	div.assetcontentpar .section div#container-chrismascard .viewing-profile .interacton-overlay .cracker{
		background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/present-states/presentToolClosed.png');
		background-position: top left;
		background-repeat: no-repeat;	
		width:215px;
		height:186px;
		top:375px;
		left:364px;
		z-index:50;
	}

	.viewing-profile .interacton-overlay .cracker span.text {
		display: block;
		width:215px;
		height:186px;
	}

	.viewing-profile .interacton-overlay .lidflip,
	div.assetcontentpar .section div#container-chrismascard .viewing-profile .interacton-overlay .lidflip{
		background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/present-states/presentUltrabookClosed.png');
		background-position: top left;
		background-repeat: no-repeat;
		width:432px;
		height:360px;
		top: 212px;
		left: 458px;
		z-index:10;
	}

	.viewing-profile .interacton-overlay .lidflip span.text {
		display: block;
		width:228px;
		height:258px;
		margin-top: 112px;
		margin-left: 102px;
	}

	.viewing-profile .interacton-overlay .ribbon,
	div.assetcontentpar .section div#container-chrismascard .viewing-profile .interacton-overlay .ribbon{
		background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/present-states/presentJumperClosed.png');
		background-position: top left;
		background-repeat: no-repeat;
		width:252px;
		height:221px;
		top:333px;
		left:752px;
		z-index:20;
	}

	.viewing-profile .interacton-overlay .ribbon span.text {
		display: block;
		width:252px;
		height:221px;
	}

	.viewing-profile .interacton-overlay .diagonal,
	div.assetcontentpar .section div#container-chrismascard .viewing-profile .interacton-overlay .diagonal{
		background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/present-states/presentSoapClosed.png');
		background-position: top left;
		background-repeat: no-repeat;
		width:157px;
		height:134px;
		top:405px;
		left:965px;
		z-index:10;
	}

	.viewing-profile .interacton-overlay .diagonal span.text {
		display: block;
		width:157px;
		height:134px;
	}


	/* OPENED STATE */
	.viewing-profile .interacton-overlay .explode.opened,
	div.assetcontentpar .section div#container-chrismascard .viewing-profile .interacton-overlay .explode.opened{
		background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/present-states/presentSockOpen.png');
		background-position: top left;
		background-repeat: no-repeat;
	}

	.viewing-profile .interacton-overlay .cracker.opened,
	div.assetcontentpar .section div#container-chrismascard .viewing-profile .interacton-overlay .cracker.opened{
		background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/present-states/presentToolOpen.png');
		background-position: top left;
		background-repeat: no-repeat;
		z-index: 10;
	}

	.viewing-profile .interacton-overlay .lidflip.opened,
	div.assetcontentpar .section div#container-chrismascard .viewing-profile .interacton-overlay .lidflip.opened{
		background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/present-states/presentUltrabookOpen.png');
		background-position: top left;
		background-repeat: no-repeat;
	}

	.viewing-profile .interacton-overlay .ribbon.opened,
	div.assetcontentpar .section div#container-chrismascard .viewing-profile .interacton-overlay .ribbon.opened{
		background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/present-states/presentJumperOpen.png');
		background-position: top left;
		background-repeat: no-repeat;
	}

	.viewing-profile .interacton-overlay .diagonal.opened,
	div.assetcontentpar .section div#container-chrismascard .viewing-profile .interacton-overlay .diagonal.opened{
		background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/present-states/presentSoapOpen.png');
		background-position: top left;
		background-repeat: no-repeat;
	}


	/* State changes */

	.inactive,
	div.assetcontentpar .section div#container-chrismascard .inactive{
		display:none;
	}

	.invisible,
	div.assetcontentpar .section div#container-chrismascard .invisible{
		visibility: hidden;
	}

	.viewing-profile .interacton-overlay .opened, .viewing-profile .interacton-overlay .opened span.text {
		cursor: default;
	}

	.active-game-item,
	div.assetcontentpar .section div#container-chrismascard .active-game-item{
		z-index:51;
	}

	/* Default styles */
	.viewing-profile,
	div.assetcontentpar .section div#container-chrismascard .viewing-profile{
		display:block;
	}

	.orientation-message,
	.orientation-message-mobile,
	div.assetcontentpar .section div#container-chrismascard .orientation-message,
	div.assetcontentpar .section div#container-chrismascard .orientation-message-mobile{
		display:none;
	}

	/* calls to action */

	.interaction-cta-header,
	div.assetcontentpar .section div#container-chrismascard .interaction-cta-header{
		width: 100%;
		margin: 0 auto;
		height: 150px;
		top: 0;
		position: relative;
		padding:0;
		z-index: 50;
	}

		.interaction-cta-header .video-replay{
			text-decoration: none;
			color:#0074cc;
			font-size:0.8em !important;
			font-weight:bold;
			background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/calls-to-action/selectReplayVideoUp.png');
			background-position: top left;
			background-repeat: no-repeat;
			position:absolute;
			top:0;
			left:0;
			display: block;
		}

		.interaction-cta-header .video-replay:hover {
			background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/calls-to-action/selectReplayVideoOver.png');
		}
		

		.interaction-cta-header .video-replay .text {
			padding:28px 10px 0 0px;
			margin:0 0 0 90px;
			height:122px;
			display: block;
			pointer-events:none;
			background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/calls-to-action/selectReplayVideoWhite.png');
			background-position:top left;
			background-repeat: repeat-x;
		}

		.interaction-cta-header .video-replay:hover .text {
			background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/calls-to-action/selectReplayVideoBlue.png');
		}

		.interaction-cta-header .state-0 {
			background-position:0 0px;
		}
		.interaction-cta-header .state-1 {
			background-position:0 -185px;
		}
		.interaction-cta-header .state-2 {
			background-position:0 -370px;
		}
		.interaction-cta-header .state-3 {
			background-position:0 -555px;
		}
		.interaction-cta-header .state-4 {	
			background-position:0 -740px;
		}
		


		.interaction-cta-header .state-0 .text {
			margin:0 0 0 90px;
		}
		.interaction-cta-header .state-1 .text {
			margin:0 0 0 95px;
		}
		.interaction-cta-header .state-2 .text {
			margin:0 0 0 100px;
		}
		.interaction-cta-header .state-3 .text {
			margin:0 0 0 105px;
		}
		.interaction-cta-header .state-4 .text {
			margin:0 0 0 110px;
		}




		.interaction-cta-header .video-replay:hover{
			color:#fff;
			
		}

		.interaction-cta-header .webcam-help span {
			display: none;
		}

		.interaction-cta-header .webcam-help,
		div.assetcontentpar .section div#container-chrismascard .interaction-cta-header .webcam-help{
			text-decoration: none;
			color: #0074cc;
			font-size: 0.8em !important;
			font-weight: bold;
			width: 50px;
			height: 60px;
			display: block;
			position: absolute;
			right: 50px;
			top: 0;
			background: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/calls-to-action/webcamHelpOver.png') no-repeat 0px -14px;
			display: none;
		}

		.interaction-cta-header .webcam-help:hover, .interaction-cta.sound:hover, div.assetcontentpar .section div#container-chrismascard .interaction-cta-header .webcam-help:hover, div.assetcontentpar .section div#container-chrismascard .interaction-cta.sound:hover
		{
			background-position: 0px 0px;
		}

		.interaction-cta.sound,
		div.assetcontentpar .section div#container-chrismascard .interaction-cta.sound{
			display: block;
			background: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/calls-to-action/soundOnOver.png') no-repeat 0px -14px;
			width: 50px;
			height: 60px;
			position: absolute;
			right: 10px;
			top: 0;
			z-index: 52;
			display: none;
		}

		.interaction-cta.sound.muted,
		div.assetcontentpar .section div#container-chrismascard .interaction-cta.sound.muted{
			background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/calls-to-action/soundOffOver.png')
		}

		.skip-video-bar,
		div.assetcontentpar .section div#container-chrismascard .skip-video-bar{
			display: block;
			height: 40px;
			position: absolute;
			bottom: 100px;
			z-index: 52;
			width:100%;
		}

		.skip-video,
		div.assetcontentpar .section div#container-chrismascard .skip-video{
			background: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/calls-to-action/skipVideoButton.png') no-repeat;
			float: right;
			width:40px;
			height:40px;
			margin:0 20px 0 0;
		}

		@media all and (min-width: 1200px) {

			.skip-video-bar,
			div.assetcontentpar .section div#container-chrismascard .skip-video-bar{
				width: 1200px;
				margin: 0 auto;
			}

		}




	.intraction-cta-footer,
	div.assetcontentpar .section div#container-chrismascard .intraction-cta-footer{
		width: 100%;
		margin: 0 auto;
		top: -100px;
		position: relative;
		padding: 0;
		z-index: 10;
	}
	
	div.assetcontentpar .section div#container-chrismascard .intraction-cta-footer .fb-send,
	div.assetcontentpar .section div#container-chrismascard .intraction-cta-footer .fb-like {
			float:left !important;
			margin:1px 5px 0px 0px;
		}


		.cta-tweet {
			padding:0;
			background-image:url('/content/dam/www/public/emea/xe/en/include/christmascard/images/twitter.png');
			background-position: top right;
			background-repeat: no-repeat;
			height:20px;
			margin:1px 5px 0 0;
			text-decoration: none;
		}

		.cta-tweet span {
			visibility: hidden;
		}

		.cta-terms, .cta-terms:hover {
			color:#fff;
			text-decoration: none;
			font-size:0.7em !important;
			padding:0 0 3px 0;
		}

		.fb_send_button_form_widget {
		    margin-top: -290px !important;
		    margin-left: -1px !important;
		    overflow: hidden !important;
		}

		.fb_send_button_form_widget iframe {
			margin: -8px 0 0 0 !important;
		}

		.intraction-cta-footer .cta-view-ultra-book {
			background-image:url('/content/dam/www/public/emea/xe/en/include/christmascard/images/ultrabookEndSeeRangeButtonLine.png');
			background-position: 0 0;
			background-repeat: repeat-x;
			float:right;
			font-size: 0.8em !important;
			text-decoration: none;
			font-weight: bold;
			color:#0074cc;
			margin-top:-5px;
		}

		.intraction-cta-footer .cta-view-ultra-book .text {
			float: left;
			background-image:url('/content/dam/www/public/emea/xe/en/include/christmascard/images/ultrabookEndSeeRangeButton.png');
			background-position: 0 0;
			background-repeat: no-repeat;
			padding: 5px 5px 0px 75px;
			height: 28px;

		}

		.intraction-cta-footer .cta-view-ultra-book:hover {
			color:#fff;
			background-image:url('/content/dam/www/public/emea/xe/en/include/christmascard/images/ultrabookEndSeeRangeButtonLine.png');
			background-position: 0 -35px;
			background-repeat:repeat-x;
		}

		.intraction-cta-footer .cta-view-ultra-book:hover .text {
			background-position: 0 -35px;
			background-repeat: no-repeat;
		}

		.intraction-cta-footer .cta-view-ultra-book:hover .arrow-small,
		div.assetcontentpar .section div#container-chrismascard .intraction-cta-footer .cta-view-ultra-book:hover .arrow-small{
			background-image:url('/content/dam/www/public/emea/xe/en/include/christmascard/images/arrow-small-white.png');
		}

/* Webcam */
#webcam-container,
div.assetcontentpar .section div#container-chrismascard #webcam-container{
	position: absolute;
	top: 106px;
	left: 50%;
	margin-left: -364px;
	z-index: 55;
	width: 728px;
	height: 545px;
}

#webcam-container.webcam-hidden,
div.assetcontentpar .section div#container-chrismascard #webcam-container.webcam-hidden{
	left: -10000px;
}

#webcam-overlay,
div.assetcontentpar .section div#container-chrismascard #webcam-overlay{
	background: rgba(0, 0, 0, .85);
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 54; 
	top: 0;
	left: 0;
	display: none;
}


.content-loader,
div.assetcontentpar .section div#container-chrismascard .content-loader{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 720px;
	background-color: #000;
	z-index: 53;
}

.content-loader .loading-message,
div.assetcontentpar .section div#container-chrismascard .content-loader .loading-message{
	background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/preloader.png');
	background-position:top center;
	background-repeat: no-repeat;
	width:200px;
	height:150px;
	margin:250px auto 0 auto;
}

.content-loader .loading-message p {
	color:#fff;
	padding:60px 0 0 0;
	text-align: center;
}


/* 7. Mobile styles */


/* 8. iPad styles */



/* 9. media quieries */

/* Massive phone - landscape 
@media (max-device-width: 960px) and (orientation: landscape) {
	
	.viewing-profile {
		display:none;
	}

	.orientation-message {
		display:block;
	}

	.mobile-frame {
		display:none;
	}
}

/* Massive phone - portrait 
@media (max-device-width: 540px) and (orientation: portrait) {
	.viewing-profile {
		display:none;
	}

	.orientation-message {
		display:none;
	}

	.mobile-frame {
		display:block;
	}
}*/


#m-video,
div.assetcontentpar .section div#container-chrismascard #m-video{
	display:none;
}

.mobile-frame,
div.assetcontentpar .section div#container-chrismascard .mobile-frame{
	display:none;
}

/* iPads landscape - correct viewing orientation
@media only screen and (min-width : 600px) and (max-width : 1024px) and (min-device-height : 480px) and (orientation : landscape){

	img {
		webkit-backface-visibility: hidden;
	}

	.viewing-profile {
		display:block;
	}

	.orientation-message {
		display:none;
	}

	.mobile-frame {
		display:none;
	}

	.interactive-intro-options .option-facebook {
		background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/startFacebookTabletButtonUp.png');
		background-position: top left;
		background-repeat: no-repeat;
		border-bottom:1px solid black;
	}
	.interactive-intro-options .option-facebook:hover {
		background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/startFacebookTabletButtonUp.png');
	}

	.interactive-intro-options .user-options .option-facebook .p {
		padding: 60px 0 0 15px;
	}

	.interactive-intro-options .user-options .user-option {
		height:165px;
		margin-top: 0;
	}

	.interactive-intro-options .user-options .facebook-active {
		background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/startFacebookTabletButtonSelected.png');
	}

	.interactive-intro-options .user-options .facebook-active:hover {
		background-image: url('/content/dam/www/public/emea/xe/en/include/christmascard/images/startFacebookTabletButtonSelected.png');
	}

	.interactive-intro-options .user-options .user-image {
		margin: 58px 4px 0 0;
	}

	.interactive-intro-options .user-options .option-webcam, 
	.interactive-intro-options .user-options .webcam-active {
		display:none;
	}
}
*/
/* iPad portrain - show 'turn it around' message 
@media only screen and (min-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

	.viewing-profile {
		display:none;
	}


	.orientation-message {
		width:100%;
		height:1024px;
		background-color:#000;
		background-image:url('/content/dam/www/public/emea/xe/en/include/christmascard/images/backgrounds/selectBackground.jpg');
		background-repeat: no-repeat;
		background-position: top center;
		position:absolute;
		top:0;
		left:0;
		z-index:53;
		display:block;
	}

	.message-text {
		
		background-repeat: no-repeat;
		background-position: center center;
	}

	.orientation-message .message-text {
		width:100%;
		height:200px;
		text-align:center;
		margin:200px auto 0 auto;
		background-image:url('/content/dam/www/public/emea/xe/en/include/christmascard/images/rotateTablet.png');
	}

	.orientation-message .message-text p {
		margin:0;
		visibility: hidden !important;
	}


	.site-container,
	.interaction-disabled,
	.m-video,
	.mobile-frame,
	.content-loader,
	#webcam-container {
		display:none !important;
	}

	.mobile-frame {
		display:none !important;
	}

	.option-facebook {
		
	}

	.option-webcam {
		display:none !important;
	}
}
*/