/* Safari / iPhone Safari can show the actual Penny On font */
@font-face {
font-family: "VAG";
src:url(../fonts/vag.ttf) format("truetype");
}

* {
	margin: 0;
	padding: 0;
}

body {
	display: block;
}


.wrapper {
	width: 100%;
	display: block;	
}

.header {
	background-color: #662d91;
	padding: 5px 0;
	overflow: hidden;
}

.container {
	background-color: transparent;
	margin: 0 auto;
	padding: 0;
	width: 980px;
}

.white {
	background-color: #fff;
}

.logo_bspo {
	float: right;
	width: 236px;
	height: 50px;
}

.left_column {
	float: left;
	width: 665px;
	overflow: visible;
	display: block;

}

.intro {
	overflow: hidden;
	margin: 25px 0 0;
	padding: 0 0 10px;
	border-bottom: .3em solid #B3B3B3;
}

.intro2 {
	overflow: hidden;
	margin: 25px 0 0;
	padding: 0 0 10px;
}

h2 {
	font: 2em/1.5em VAG, Helvetica, Arial, Geneva, sans-serif;
	color: #662d91;
	border-bottom: .2em solid #B3B3B3;
	margin: 0 0 12px;
}

h3 {
	font: 1.3em/1.5em VAG, Helvetica, Arial, Geneva, sans-serif;
	color: #662d91;
	margin: 0 0 10px;
	border-bottom: .2em solid #B3B3B3;
}

h4 {
	font: 1.3em/1.5em VAG, Helvetica, Arial, Geneva, sans-serif;
	color: #662d91;
	margin: 0 0 10px;
}

p {
	font: 1.1em/1.4em Helvetica, Arial, Geneva, sans-serif;
	margin: 0 0 8px;
	color: #666666;
}

a {
	text-decoration: none;
	color: #662d91;
}

fieldset {
	margin: 15px 0;
	border: 0;
	padding: 0 0 15px;
	border-bottom: .3em solid #B3B3B3;
}

ul, li {
	list-style: none;
	font: 1em Helvetica, Arial, Geneva, sans-serif;
}

label {
	font-size: .8em;
	color: #662d91;
}

.required {
	color: red;
}

.donate {
	padding: 0 0 15px;
	border-bottom: .3em solid #B3B3B3;
	overflow: hidden;
}

.donate li {
	float: left;
	display: inline;
}

.donate label {
	float: left;
	width: 105px;
	margin: 0 0 4px;
}

.donate .calc {
	float: left;
	width: 105px;
	margin: 0 5px 0 0;
}

.donate input {
	border: 1px solid #662d91;
	font: 1.8em Helvetica, Arial, Geneva, sans-serif;
	color: #000;
	padding: 5px 5px 3px;
	width: 90px;
}

.donate input:focus {
	border: 0;
}

.donate li.plus, .donate li.equals {
	width: 20px;
	margin: 0 13px 0 10px;
	padding: 35px 0 0;
	text-align: center;
}

.donate li.total {
	padding: 28px 0 0;
}

.price {
	font-size: 1.3em;
	color: #662d91;
}

.pound {
	margin: 0 10px 0 0;
}

.step1 {
	padding: 0 0 0 35px;
	background: url(../media/step1.png) no-repeat;
}

.company {
	margin: 15px 0 0;
}

.company label {
	float: left;
	display: block;
	width: 150px;	
}

.company li {
	margin: 0 0 10px;
}

.company input {
	border: 1px solid #662d91;
	font: 1.2em Helvetica, Arial, Geneva, sans-serif;
	color: #000;
	padding: 5px 5px 3px;
	width: 400px;
}

.step2 {
	padding: 0 0 0 35px;
	background: url(../media/step2.png) no-repeat;
}

button {
	padding: 10px;
	margin: 0 0 0 150px;
	border: 0;
	background-color: #662d91;
	cursor: pointer;
}

button span {
	color: #fff;
	font: 1.2em Helvetica, Arial, Geneva, sans-serif;
}

.errors {
	padding: 15px;
	background-color: #FC1F0C;
	margin: 10px 0 0;
	border: .5em solid #E80900;
}

.errors li {
	font-weight: bold;
	color: #fff;
}

.details {
	margin: 10px 0 0;
	overflow: hidden;
}

.row {
	overflow: hidden;
	margin: 20px 0 0;
	padding: 0 0 10px;
	border-bottom: .2em solid #B3B3B3;
}

.icon {
	float: left;
	width: 33px;
	height: 33px;
	background: url(../media/icon.png) no-repeat;
	margin: 2px 0 0 2px;
}

.item {
	float: left;
	width: 300px;
	margin: 4px 0 0 20px;
}

.item p {
	margin: 0;
	line-height: 1em;
	font-size: .9em;
}

.price {
	float: right;
}

.payments {
	margin: 20px 0 0;
}

.payments input {
	float: left;
	border: .1em solid #662d91;
	margin: 12px 0 0;
}

.payments label {
	margin: 0 0 0 10px;
}

.bttn {
	clear: both;
	margin: 20px 0 0;
}

.bttn button {
	margin: 0;
}