@charset "UTF-8";

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*, *:before, *:after {
	-webkit-box-sizing: inherit; 
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

* {
	-webkit-font-smoothing: subpixel-antialiased;
}

a img {
	text-decoration: none; 
	border: 0px;
}

body{
	padding: 0;
	margin: 0;
	background-color: #ffffff; 
}

#container {
  position: absolute;
  width: 728px;
  height: 90px;
  border:1px solid #000;
  top: 0px;
  left: 0px;
  margin: auto;
  overflow: hidden;
}

#content {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(images/bckgrd.png) no-repeat 0px 0px;
}

#background_exit {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    cursor: pointer;
    z-index: 998;
    
}

#cover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: #fff;
    z-index: 1000;
}

#product1, #product2, #product3, #product4, #product5 {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:8;
}

#product2 {
	z-index:9;
}

#product3 {
	z-index:10;
}

#product4 {
	z-index:11;
}

#product5 {
	z-index:12;
}

#cta {
  	width:100%;
	height:100%;
	position: absolute;
  	top: 0px;
	left: 0px;
  	z-index: 9;
}

#hideMaskOffer {
	width:198px;
	height:90px;
	position: absolute;
  	top: 0px;
  	left: 0px;
    z-index: 7;
    overflow: hidden; 
}

#glimmerOffer {
	width:140px;
	height:90px;
    position: relative;
	left: -160px;
	background: url(images/glimmerOffer.png) no-repeat 0px 0px;  
}
#hideMask {
	width:108px;
	height:25px;
	position: absolute;
  	top: 56px;
  	left: 297px;
    z-index: 652;
    overflow: hidden; 
}

#glimmer {
	width:120px;
	height:35px;
    position: relative;
	left: -100px;
	background: url(images/glimmer.png) no-repeat 0px 0px;  
}

#bckgrd {
    position: absolute;
    top: 0px;
	left: 0px;
    width: 100%;
    height: 100%;
    z-index: 3;
}