html,
body {
	margin:0;
	padding:0;
	height:100%; /* 100 % height */
}
html>body #wrap {height:100%;} /* 100 % height */
#menu {
float:left;
	z-index:10; /* Prevent certain problems with form controls */
	width:240px;
	padding-top: 20px;
	padding-left: 0px;
	margin-left: 60px;
}
html>body #content-wrap {
	width: 580px;
	padding-top: 20px;
	margin-left: 120px;
		padding-bottom: 20px;
/*	padding-left: 420px;*/
float:left;
}
html>body #content {
	padding-top: 0px;
	border: solid #000000 1px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
} /* padding: give the content some breathing space */
html>body #header {
	border: solid #000000 1px;
	margin-bottom: 20px;
}
html>body #yellowBox {
	padding: 20px 20px 20px 20px;
	border: 2px solid #FFDF00;
	margin-top: 20px;
	background-image: url(../img/yellow_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
html>body #coupon-wrap {
	margin-top: 20px;
}
html>body #coupon-contents {
	padding: 0px 20px 20px 20px;
}
html>body #coupon-border {
	border: dashed #000000 2px;
}html>body #response-wrap {
	height:100%;
	width: 580px;
	padding-top: 20px;
	margin-right: auto;
	margin-left: auto;
}

#overlappopup{ /*don't change id name */
position: absolute; /*don't change position property */
z-index: 1000;
background: lightyellow;
border: 1px dashed gray;
padding: 5px;
left: -1000;
top: 0;
visibility: hidden;
}