#title_1 {background-position:bottom;} #title_2 {background-position:top;} 
#logo, #retailer_logo {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1 !important;
  -khtml-opacity: 1 !important;
  opacity: 1 !important;
/*z-index: 2; background-image: url("logo.svg") !important; width: 17.9% !important; height: 49.2% !important; top: 24.4% !important; left: 7.6% !important; */
}

#border-top {
	position:absolute;
	width:100%;
	height:1px;
	border-top: 1px #000000 solid; top: 0; z-index: 10000;
}
#border-bottom {
	position:absolute;
	width:100%;
	height:1px;
	border-bottom: 1px #000000 solid; bottom: 0;z-index: 10000;
}
#border-left {
	position:absolute;
	width:1px;
	height:100%;
	border-left: 1px #000000 solid; left: 0;z-index: 10000;
}
#border-right {
	position:absolute;
	width:1px;
	height:100%;
	border-right: 1px #000000 solid; right: 0;z-index: 10000;
}	/*

#border-top-10 {
	position:absolute;
	width:100%;
	height:10px;
	border-top: 10px #ffffff solid; top: 0;
}
#border-bottom-10 {
	position:absolute;
	width:100%;
	height:10px;
	border-bottom: 10px #ffffff solid; bottom: 0;
}
#border-left-10 {
	position:absolute;
	width:10px;
	height:100%;
	border-left: 10px #ffffff solid; left: 0;
}
#border-right-10 {
	position:absolute;
	width:10px;
	height:100%;
	border-right: 10px #ffffff solid; right: 0;
}	*/
	html, body {margin:0; padding: 0;}
	
	#clickthrough {width:100%; height: 100%; z-index: 999; cursor: pointer;}
	
	#vector-wrapper div {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0; background-position: center;}
	
	#vector-src-wrapper {display: none;}
	
#vector-wrapper{width:100%; height: 100%;}
/*	#vector-wrapper {width:100%; height: 100%;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;	} */
	
	div, video {position: absolute; background-repeat: no-repeat; }
	img {width:100%; height: auto;}
	#vector-src-wrapper {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;	
	}
	
#muteBtn { position: absolute; background: url(btUnmute.svg) no-repeat left; background-size: 14px 14px; width: 28px; height: 28px; bottom:0; left: 0; z-index: 9999; background-position: bottom left; }
#unmuteBtn { position: absolute; background: url(btMute.svg) no-repeat left; background-size: 14px 14px; width: 28px; height:28px; bottom: 0; left: 0; z-index: 10000;background-position: bottom left; }

.muteControls, .playControls {
	position: absolute;
	bottom: 10px;
	left: 10px;
	cursor: pointer;
	display: none;
}
#playBtn, #pauseBtn, #muteBtn, #unmuteBtn {
	display: none;
}	
	
#videoholder {
	position:absolute; 
	top:0; 
	left:19%; 
	z-index:0; 
	overflow:hidden; 
	width:62%; 
	height:100%;   
	}
#video1 { 
	position:absolute; 
	min-width: 100%;
    min-height: 100%;
		
   top: 50%;
   left: 50%; 
			
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%); 
   -ms-transform: translate(-50%, -50%); 
   -o-transform: translate(-50%, -50%); 
   transform: translate(-50%, -50%); 
	}


	#manifest {display: none;}	
@media only screen and (min-width:940px) and (height:250px) { 
	/* CSS rules here */
	#video1 {width:100% !important;}
}