@import url("bp.css");

a
{
	text-decoration: none;
}

body
{
	background: #3a9a96;
	background-image: url(../img/bg-main.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	
	color: #FFF;
	font-family: "HelveticaNeue-Light", "HelveticaNeue", Helvetica, Arial, sans-serif;
	
	text-rendering: optimizeLegibility;
}
#header
{
	margin-bottom: 15px;
}
#container
{
	background: url(../img/bg-rebatepage.png) center top no-repeat;
}
#button-1
{
	margin-right: 50px;
	display: inline-block; position: relative; top: 5px;
}
#button-2
{
	position: relative;
	display: inline-block;
	left: 15px;
}
#footer
{
	margin-top: 40px; padding: 20px 10px;
	background: url(../img/footer.png) center top no-repeat;
	text-align: left;
}
.right
{
	float: right; text-align: right;
}
#body
{
	width: 670px; margin: 30px auto;
	text-align: center;
}
	#body h2
	{
		margin: 15px 0px 0px 0px;
		color: white;
		text-transform: uppercase; font-size: 11px; font-weight: normal; line-height: 1em;
	}
	p.failure
	{
		color: #FFCC99;
		font-size: 12px; font-weight: bold; line-height: 1.3em;
	}
	p.success
	{
		font-size: 12px; font-weight: bold; line-height: 1.3em;
	}
	form ul
	{
		margin: 0px; padding: 0px;
		list-style: none;
	}
		form ul li
		{
			margin: 10px 0px 0px;
		}
		form ul li.form_text
		{
			background: url(../img/bg-form-field.png) left top no-repeat;
			background-size: 100% auto;
		}
		form ul li.form_text input
		{
			margin: 20px 0px; width: 280px;
			background: none; border: none; outline: none; color: #3A9A96;
			font-size: 15px; font-weight: bold; text-transform: uppercase; line-height: 1;
		}
		input::-webkit-input-placeholder
		{
			color: #64b4a8;
			text-transform: uppercase;
		}
		form ul li.button input
		{
			width: 320px; height: 40px;
		}
		
		p
		{
			margin: 15px 0px; line-height: 1.3em;
		}
		p.large
		{
			font-weight: bold; text-transform: uppercase; font-size: 13px;
		}
		p.small
		{
			font-size: 10px;
		}
		a,
		a:visited
		{
			color: #FFF;
		}
		a:hover
		{
			color: #facc4d;
		}
		
@media screen and (max-width: 500px)
{
	#container
	{
		width: 320px;
		background-size: 400px auto;
	}
	#body
	{
		width: 270px; margin: 30px auto;
		text-align: center;
	}
		form ul li.form_text input
		{
			width: 220px; margin: 14px 20px 17px 20px;
		}
		form ul li.button input
		{
			width: 270px; height: 34px; 
		}
}