@charset "UTF-8";

/* apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
*a{ text-decoration:none !important}
sup{ font-size:40%;}

#container {
  font-family: 'Open Sans', sans-serif;
  font-size: 21px;
  position: relative;
  width: 300px;
  height: 250px;
  border: 1px solid #999;
  overflow: hidden; 
  text-align:center; cursor: pointer; background-color:#fff;
}

#loader {
  text-align: center;
  line-height: 250px; background-color:#fff; 
}

#content > div {
  position: absolute;
}

#header_container {
background-color:#16a8b8;
text-align:left; padding:8px; width:100%; height:90px;
}

#header_container  #headline {
text-transform:uppercase;  
font-weight: bold;
width:100%; 
font-size: 24px;
line-height:26px;
color:#000;
}

#header_container #subline {font-weight: bold;
width:100%; 
  color: #fff;
  font-size: 16px; line-height:20px;
  left: 0px; padding-top:0px;
}

#product_container{
	position:absolute;
	top:90px;
	left:0px;
	background-color:#fff;
	text-align:left; 
	padding:0px; 
	width:100%; height:125px;}

#product_container #product {
	width:auto;position:relative; top:2px; left:70px; height:120px;
}
	
#product_container #copy{
	font-size: 14px; 
        line-height: 18px;
	color: #000;
	font-weight: bold;
	width: 38%;
	text-align:left;
	position:absolute; 
	top:25px; left:10px;
}

#content.show {
  display: block;
}

#content.hide, #loader.hide, #logo.hide {
  display: none;
}

#loader.show {
  display: block;
}



#button {
  	cursor: pointer; background-color:#111111;
	width:35%; height:35px; 
  	position:absolute;
	top:215px;
	left:0px;
	text-align:center; 
	padding:9px; 
}

#button #cta {
  font-size:10px; color:#fff; 
  position:relative; left:inherit;  text-transform:uppercase; font-weight:bold;top:3px\0/;
}
#logo_container{position:absolute;
	top:215px;
	left:35%;
	background-color:#ec193b;
	padding:2px; 
	width:65%; height:35px;}
#logo {position:relative; width:180px; height: auto;margin:auto; top:3px\0/;}