html,body{
    margin:0;
    padding:0;
	background-image: url('../images/design/bg2.jpg');
	background-repeat: repeat-x;
	background-color: black;    	
}

#main{
	margin: 0 auto;
	width: 887px;
	height: auto;
}

div.top{
	float: left;
	display: inline;
	width: 887px;
	height: 388px;
	background-repeat: no-repeat;
}

div.topQuote{
	position: relative;
	top: 21px;
	left: 20px;
	width: 323px;
	height: 68px;
	background-image: url('../images/design/quote.png');
	background-repeat: no-repeat;
	padding: 10px;
/*	margin-top: 111px;
	margin-left: 20px;*/
	z-index: 1;
}
	div.topQuoteQuote{
		float: left;
		width: auto;
		height: 48px;
		margin-top: 2px;
	}
	
	div.topQuoteName{
		float: right;
		width: auto;
		height: 20px;
		margin-top: 4px;
	}

div.topOverlay{
	position: relative;
	top: -286px;
	left: 0px;
	width: 887px;
	height: 190px;
	margin: 0px;
	background-image: url('../images/design/topoverlay_2.png');
	background-repeat: no-repeat;
	z-index: 1;
}

div.bookInfo{
	position: relative;
e	top: 0px;
	left: 2px;
	width: 360px;
	height: 100px;
	padding: 20px;
}

div.bookCover{
	position: relative;
	top: -95px;
	left: 520px;
	width: 304px;
	height: 396px;
	z-index: 3;
	cursor: pointer;
	background-image: url('../images/design/bokomslag3.png');
}

div.purchase{
	float: left;
	display: inline;
	width: 867px;
	height: 53px;
	margin-top: 0px;
	margin-top: 0px;
	padding: 10px;
	background-image: url('../images/design/purchase.jpg');
	background-repeat: no-repeat;
}

	div.price{
		float: left;
		display: inline;
		width: 271px;
		height: 37px;
		margin-top: 7px;
		padding: 2px;
		margin-left: 10px;
		cursor: pointer;
		background-image: url('../images/design/price.gif');
	}
	
	div.buy{
		float: left;
		display: inline;
		width: 120px;
		height: 37px;
		margin-left: 10px;
		margin-top: 7px;
		padding: 2px;
		background-image: url('../images/design/buy.gif');
	}

	div.logos{
		float: right;
		display: inline;
		width: 250px;
		height: 37px;
		margin-top: 8px;
		margin-right: 0px;
		padding: 2px;
	}

div.help{
	float: left;
	display: inline;
	width: 878px;
	margin-top: 10px;
	margin-bottom: 0px;
	height: 17px;
	overflow: hidden;
	padding: 4px;
	background-image: url('../images/design/help.jpg');
	color: white;
}

	div.helpContainer{
		float: left;
		display: inline;
		width: auto;
		height: 17px;
		overflow: hidden;
		font-weight: bold;
	}

div.textarea{
	float: left;
	display: inline;
	width: 887px;
	margin-top: 9px;

}
	
	div.textareaTop{
		float: left;
		display: inline;
		width: 887px;
		height: 10px;
		background-image: url('../images/design/textarea_top.jpg');
		background-repeat: no-repeat;
		overflow: hidden;
	}

	div.textareaMain{
		float: left;
		display: inline;
		width: 887px;
		height: auto;
		min-height: 320px;
		background-color: white;
		background-repeat: no-repeat;
	}
	
	div.textareaBottom{
		float: left;
		display: inline;
		width: 887px;
		height: 16px;
		overflow: hidden;
		background-image: url('../images/design/textarea_bottom.jpg');
		background-repeat: no-repeat;
	}
	
	div.images{
		float: left;
		display: inline;
		width: 320px;
		margin-left: 30px;
		margin-top: 0px;
		height: auto;
		min-height: 300px;
		text-align: center;
		padding-top: 15px;
	}
	
	div.images2{
		float: left;
		display: inline;
		width: 320px;
		margin-left: 0px;
		min-height: 300px;
	}
	
	div.imageText{
		float: left;
		display: inline;
		width: 400px;
		height: 180px;
		margin-top: 10px;
		margin-left: 60px;
		background-color: ;
	}
	
	div.selection{
		float: left;
		display: inline;
		width: 400px;
		margin-top: 20px;
		margin-left: 60px;
		background-color: ;
	}
	
	div.number{
		float: left;
		display: inline;
		width: 46px;
		height: 47px;
		margin-top: 10px;
		margin-right: 50px;
			cursor: pointer;
	}

	div.payment{
		float: left;
		display: none;
		width: 750px;
		margin-left: 10px;
		margin-top: 10px;
	}
	
div.holder{
	float: left;
	display: inline;
	width: 850px;
	height: auto;
	margin-left: 20px;
}

	div.paymentBox{
		float: left;
		display: inline;
		width: 380px;
		height: auto;
		margin-right: 10px;
		padding: 10px;
	}

	div.formWrapper{
		float: left;
		display: inline;
		width: 850px;
		margin-top: 0px;
	}

	div.form1{
		float: left;
		display: inline;
		width: 250px;
		height: auto;
	}
	
	div.form2{
		float: left;
		display: inline;
		width: 250px;
		height: auto;
		margin-left: 30px;
	}
	
	div.form3{
		float: left;
		display: inline;
		width: 250px;
		height: auto;
		margin-left: 30px;
	}

div.amount{
	float: left;
	display: inline;
	width: 400px;
	height: auto;
}

div.amount2{
	float: left;
	display: inline;
	margin-top: 20px;
	width: 400px;
	height: auto;
}

div.fotter{
	float: left;
	display: inline;
	width: 887px;
	height: 300px;
	background-image: url('../images/design/fotter.jpg');
	background-repeat: no-repeat;
}

	div.tip{
		float: right;
		display: inline;
		margin-top: 10px;
		width: 520px;
		height: auto;
		
	}

div.success{
	float: left;
	display: inline;
	margin-left: 20px;
	margin-top: 20px;
	width: 760px;
	padding: 20px;
	min-height: 100px;
	height: auto;
	border: 2px solid green;
	background: #E6EFC2;
	border-color: #C6D880;
	color: #264409;
}

.error {
	float: left;
	display: inline;
	width: 760px;
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	min-height: 100px;
	margin-left: 20px;
	height: auto;
	border: 2px solid;
	color: #264409;
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

input{
	background-image: url('../images/design/form.gif');
	background-repeat: no-repeat;
	border: 0px;
	width: 241px;
	font-weight: bold;
	height: 22px;
	padding: 8px;
	color: white;
	background-color: white;
}

input.tip{
	background-image: url('../images/design/form2.gif');
	background-repeat: no-repeat;
	display: inline;
	border: 0px;
	width: 233px;
	font-weight: bold;
	height: 13px;
	padding: 8px;
	margin-top: 5px;
	color: gray;
	background-color: black;
}

.submitTip{
	float: right;
	display: inline;
	background-image: url('../images/design/submit2.gif');
	background-repeat: no-repeat;
	width: 124px;
	height: 29px;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
	padding: 3px;
	margin-top: 5px;
	color: gray;
	background-color: black;
}

.check{
	background-color: none;
	background-image: none;
	width: auto;
	height: aut;
}

.submit{
	float: right;
	background-image: url('../images/design/submit.gif');
	width: 124px;
	height: 29px;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
	padding: 3px;
	background-color: green;
}