/* GENERAL STYLES */
.playerWrapper {
	width: 900px;
	height: 337px;
	background: #e9e9e9;
        margin: 0 auto;
	}
.playerWrapper a {
	text-decoration: none;
	outline: none;
	}
.playerWrapper h2 {
	margin: 10px 0 0 10px;
	color: #3f3f3f !important;
	font-size: 15px;
	font-weight: 800;
        padding: 0 !important;
	}
.playerWrapper .playerLoadSlate {
	background: url(http://media.heinz.com/media/17797/playerloadingdefault.jpg) no-repeat;
	float: right;
	width:617px;
	height:337px;
	margin: 0 0 0 3px;
	}
.playerWrapper a.mainVideoSlateLink {
	display: block;
	width: 168px;
	height: 28px;
	background: url(http://media.heinz.com/media/17802/playerloadingslateplay.gif) 0 0 no-repeat;
	margin: 275px 0 0 225px;
	cursor: pointer;
	}
.playerWrapper a.mainVideoSlateLink:hover {
	background-position: -168px 0;
	}
.playerWrapper .videoList {
	margin: 0px;
	width: 280px;
	height: 337px;
	clear: none;
	float: left;
	}
.playerWrapper #placeholder {
	z-index: 2000;
}
/****************************************************************
 * 'a' replaced with divs to complete activeCollab task #56. 
 * change back to 'a' when food animations are completed - pm
 ***************************************************************/
.playerWrapper div.clickToPlay, .playerWrapper div.active {
	background: url(http://media.heinz.com/media/17807/plist_btn.jpg) 0 0 no-repeat;
	height: 112px;
	display: block;
	overflow: hidden;
	/*cursor: pointer; - uncomment when videos are completed */
	color: #929292;
	font-size: 11px;
	}
/*.playerWrapper a.clickToPlay:hover {
	background-position: -247px 0; 
	cursor: pointer;
	}
.playerWrapper a.active {
	background-position: -494px 0px;
	}*/
.playerWrapper .clickToPlay p, .playerWrapper .active p {
	margin: 0;
	}
.playerWrapper .clickToPlay img, .playerWrapper .active img {
	float: right;
	}
.playerWrapper .dNone {
	visibility: hidden;
	display: none;
	}

/* EDITOR PROPERTIES */