#mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 90000;
  background-color: #000;
  display: none;
}

#boxes .window {
  position: absolute;
  left: 0;
  top: 0;
 /* width: 400px;
  height: 200px;*/
  display: none;
  z-index: 99999;
  padding: 20px;
  border-radius: 15px;
  text-align: center;
}

#boxes #dialog {
  /*width: 750px;
  height: 300px;*/
  padding: 10px;
  background-color: #;
  font-family: 'Segoe UI Light', sans-serif;
  font-size: 15pt;
  width: 100%;
}

#popupfoot {
  font-size: 16pt;
  position: absolute;
  bottom: 0px;
  width: 250px;
  left: 250px;
}

#boxes, #boxes label {
	color: #fff;
}

#boxes .popuphead h2{
	font: 700 30px/1 "Source Sans Pro", sans-serif;
	margin-bottom: 20px;
	color: #fff;
}

#whereareyoufrom, .shopenter, .shopout, #stateselect, #drizly, #drizly2, #sorry {
	display: none; 	/* hide by default */
}

.checkcontainer {
	width: 290px;
	/*padding: 13px;*/
	margin: 15px auto;
	height: 55px;
	background-color: #000;
	border: 1px solid #ababab;
}

#US-NONUS label {
	width: 240px;
	height: 100%;
	text-align: left;
	padding-top: 12px;
	cursor: pointer;
}

input[type="radio"] {
	display: inline-block; 
	float: right;
    margin-top: 20px;
	margin-right: 10px;
}

#stateselect select {
	width: 290px;
	height: 55px;
	background-color: #000;
	border: 1px solid #ababab;
	color: #fff;
	padding-left: 10px;
	margin-bottom: 15px;
	cursor: pointer;
}

.shopenter button, .popupbody button {
	width: 350px;
	height: 50px;
	background-color: #e1e1e1;
	color: #000;
	cursor: pointer;
	margin: 5px 10px 15px 10px;
	font-size: 20px;
}

.shopenter button:hover, .popupbody button:hover {
	background-color: Transparent;
	color: #e1e1e1;
	border: 2px solid #e1e1e1;
}

#sorry {
	margin-top: 15px;
	font: 200 30px/1 "Source Sans Pro", sans-serif;
	font-style: italic;
}

#drizly, #drizly2 {
	margin-top: 25px;
	font: 200 23px/1 "Source Sans Pro", sans-serif;
	font-style: italic;
}

#drizly a, #drizly2 a {
	color: #008fd2;
}
#drizly img, #drizly2 img {
	margin: 5px;
}