/* @override 
	http://localhost/_coupon.css
	http://protowrewards.com/_coupon.css
*/

* { 
	padding: 0;
	margin: 0;
}
body { 
	font-size: 100%;
	font: 100%/100% "Lucida Grande", Lucida, Verdana, sans-serif;
}
#wrapper { 
	width: 900px;
	margin: 0 auto;
}
#coupon { 
	width: 800px;
	margin: 0 auto;
	position: relative;
}
#coupon img {
	border: 1px #000 solid;
	width: 800px;
	height: 500px;
	margin: 0 auto;
}
#customerinfo { 
	width: 505px;
	display: block;
	position: absolute;
	top: 240px;
	right: 100px;
}
#customerinfo td.line { 
	border-bottom: 1px #245a81 solid;
}

#customerinfo span { 
	position: absolute;
	top: -115px;
	right: -10px;
	font-size: 14px;
}
h1 { 
	padding-bottom: 25px;
}
h2 { 
	font-size: 26px;
	line-height: 30px;
	display: block;
	text-align: right; 
	font-style: italic;
	vertical-align: bottom;
	width: 200px; 
	color: #245a81;
}
h4 {
	width: 250px; 
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
	margin: 0 0 0 10px;
	vertical-align: bottom;
}
#couponform { 
	width: 800px;
	margin: 50px auto;
	display: block;
}

#couponform form { 
	width: 500px;
	margin: 0 auto;
	font-size: 12px;
}

label { 
	width: 150px;
	float: left;
}
input { 
	width: 200px;
}
input#button { 
	margin-bottom: 10px;
}
.push { 
	padding: 20px 0 10px 0;
}
form ol li { 
	color: brown;
}
@media screen {
	#couponform block {
		display: none;
	}
}

@media print {	
	#wrapper { 
		width: 8.5in; 
		height: 5.5in;
		overflow: hidden;
		margin-left: auto;
		margin-right: auto;
	}
	
	#couponform {
		display: none;
	}
	
	#coupon { 
	/*margin-top: 10px;*/
}

}