div.disneyfig{
		color: #808080;
		background: #FFF url("images/disneyinfinity/disneybg.jpg") no-repeat scroll left top;
		width: 100%;
		display: table;
	}
	div.legofig{
		color: white;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#07111e+0,236b9b+100 */
	background: #07111e; /* Old browsers */
	background: -moz-linear-gradient(top,  #07111e 0%, #236b9b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #07111e 0%,#236b9b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #07111e 0%,#236b9b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07111e', endColorstr='#236b9b',GradientType=0 ); /* IE6-9 */
		width: 100%;
		overflow: hidden;
	}
	div.legofig img{
		max-width: 100%;
	}
	div.left{
		width: 39%;
		text-align: center;
		display: table-cell;
		vertical-align: middle;
	}
	div.left img{
		margin: 0px auto;
	}
	div.right{
		width: 60%;
		display: table-cell;
		vertical-align: middle;
	}
	
	div.disneyfig div.right{
		color: #888;
	}
	
	div.gamecompat{
		float: left;
		text-align: center;
		background-color: #489AD9;
		color: white;
		border-radius: 5px;
		padding: 2px;
		margin: 5px;
		display: table;
		height: 57px;
		width: 150px;
	}
	div.gamecompat img{
		max-width: 100%;
	}
	div.gametitle{
		text-align: center;
		font-size: 13px;
		max-width: 100px;
		display: table-cell;
		vertical-align: middle;
	}
	div.compatibility{
		margin-top: 10px;

	}
	div.options{
		float: left;
		clear: left;
	}
	div.figinfocat{
		float: left;
		font-weight: bold;
	}
	
	div.figinfocattop{
		padding-right: 6px;
	}
	div.figinfobit{
		float: left;
		width: auto;
		margin-right: 20px;
	}
	
	div.legofig div.figinfobit{
		width: 33%;
		margin-right: 0px;
	}
	div.clear{
		clear: left;
	}
	
	h3.figname{
		margin: 10px 0px;
		color: white;
	}
	div.legochar{
		float: left;
	}
	div.legocharname{
		float: left;
		text-align: center;
		width: 100%;
	}
	
	div.legofig h3.figname{
		text-align: center;
		color: white;
	}
	

	div.legofig div.left{
		text-align: center;
		vertical-align: middle;
		overflow: hidden;
		float: left;
		width: 100%;
		margin-top: -65px;
	}
	
	div.legofig a{
		color: white;
	}
	div.legofig div.right{
		width: 100%;
		float: left
	}
	
	div.legofig div.left img{
		max-width: 100%;
	}
	

	div.figcont img{
		filter: drop-shadow(5px 5px 5px #222); 
		-webkit-filter: drop-shadow(5px 5px 5px #222); 
		max-width: 100%;
	}
	
	div.figcont img.selected{
		filter: drop-shadow(0px 0px 10px white);
		-webkit-filter: drop-shadow(0px 0px 10px white); 
	}
	
	div.legofig div.legoabil{
		width: auto;
	}
	a.funpack{
		width: 50%;
	}
	
	a.teampack{
		width: 25%;
	}
	
	a.levelpack{
		width: 33%;
	}
	
	div.legofig div.figinfo{
		box-shadow: 0px 5px 5px black inset;
		overflow: hidden;
		padding: 10px;
		background: #0F2C44;
	}
	
	div.leftpack{width: 100%; float: left;}
	
	div.left.leftpack.disney{
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 45%, #653e87 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #ffffff 45%,#653e87 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #ffffff 45%,#653e87 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#653e87',GradientType=0 ); /* IE6-9 */
	}
	
	div.left.leftpack.starwars{
		background: #fff url("images/disneyinfinity/starwarsbg.png") no-repeat scroll left bottom;
	}
	
	div.left.leftpack.marvel{
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 45%, #1477e1 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #ffffff 45%,#1477e1 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #ffffff 45%,#1477e1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#1477e1',GradientType=0 ); /* IE6-9 */
	}
	
	div.left.marvel{
		background: #fff url("images/disneyinfinity/marvelbg.jpg") no-repeat scroll left top;
	}
	
	div.left.starwars{
		background: #fff url("images/disneyinfinity/starwarsfigbg.png") no-repeat scroll left bottom;
	}
	div.compatpic{
		display: table-cell;
		vertical-align: middle;
	}
	
	div.charname{
		color: white;
	}
	
	div.rightpack{
		width: 100%; float: left; clear: left; box-shadow: inset 0px 9px 14px -4px rgba(0,0,0,0.75); color: white; padding: 1%;
	}
	
	div.rightpack div.compatibility{
		overflow: hidden;
		float: left;
		margin-right: 12px;
	}
	
	div.figinfocont{
		overflow: hidden;
		float: left;
	}
	
	div.figinfoabilites{
		clear: left;
		width: 100%;
	}
	
	div.hidden{display: none;}
	
	a.figchange:hover{
		cursor: pointer;
	}
	div.playsetcompat{
		margin-top: 32px;
		float: left;
	}
	div.leftpack div.figpic{
		width: 33%;
	}
	div.figpic{
		width: 100%; float: left;
	}
	div.figpic img{
		max-width: 100%;
	}
	div.figcontpack{
		display: table;
		table-layout: fixed;
		width: 99%;
	}
	div.figcontpack div.figpic{
		width: 100%;
	}
	a.figchange{
		width: 33%;
		display: table-cell;
		min-width: 0px;
	}
	
	h4.figincludes{
		margin: 0px;
		padding: 0px;
	}
	
	div.disneypack div.rightstarwars{
		background-color: #390C06;  color: white;
	}
	div.disneypack div.rightdisney{
		background-color: #523B81; color: white;
	}
	div.disneypack div.rightmarvel{
		background-color: #1D55A2; color: white;
	}
	
	div.figscrollcontrol{
		display: none;
		color: white;
	}
/* Mobile site page layout */
@media (max-width: 480px){
	div.rightpack div.compatibility{
		margin-right: 0px;
	}
	div.compatpic{
		height: 100%;
		max-width: 40px;
	}
	
	div.widepack{
		width: 200%;
	}
	
	div.figcontpack{
		display: table; padding-bottom: 10px; transition: margin-left 1s;
	}
	
	div.figcontpack.figs3, div.figcontpack.figs4{
		width: 200%;
	}
	
	a.figchange{
		 text-align: center; min-width: 25%; display: table-cell;
	}
	
	a.figchange img{max-width: 100%;}
		
	a.figs3, a.figs4{
		width: 25%;
	}
	
	/* This makes the third levelpack/playset item twice the size of the normal boxes */
	a.figs3:nth-child(3){
		width: 50%;
	}
	
	@supports(display: flex){
		div.figcontpack{
			display: flex; align-items: flex-end; 
		}
		a.figchange{
			flex: 1; display: block; min-width: 25%;
		}
		a.figs3:nth-child(3){
			 -webkit-flex: 2; flex: 2; 
		}
	}
	
	div.leftarrow{
		float: left;
		width: 20%;
	}
	
	div.rightarrow{
		float: right;
		width: 20%;
	}
	
	div.figurenumber{
		float: left;
		width: 60%;
		text-align: center;
	}
	div.gamecompat{
		max-width: 133px; background-color: white; color: black;
	}
	div.figinfocattop{
		float:left;clear:left;
	}
	div.rightpack div.gameinfo{
		background-color: white; color: black;
	}
	div.disneyfig{
		overflow: hidden;
		display:block;
	}
	div.disneyfig div.figpic img{
		max-width: 90%;
	}
	div.playsetcompat{
		margin-top: 0px;
	}
	div.legocharname{
		font-weight: normal;
		font-size: 13px;
	}
	div.legofig div.figinfobit {
		width: auto;
	}
	div.legofig div.left{
		margin-top: -22px;
	}
	div.figureinfo div.clear{
		clear: left;
	}
	div.left{
		width: 100%;
		float:left;
	}
	div.right{
		width: 100%;
		float: left;
		clear: left;
		box-shadow: inset 0px 9px 14px -4px rgba(0,0,0,0.75);
		padding-left: 10px;
	}
	
	div.legofig div.right{
		padding-left: 0px;
	}
	
	div.legofig a.teampack{
		width: 25%;
	}
	
	div.legofig div.figinfobit{
		width: 100%;
	}
	
	div.disneyfig div.right{
		color: white;
	}
	div.rightstarwars{
		background-color: #390C06; 
	}
	div.rightdisney{
		background-color: #523B81;
	}
	div.rightmarvel{
		background-color: #1D55A2;
	}
	div.figscrollcontrol{
		display: block;
	}
}