body{
	padding: 0px;
	margin: 0px;
	font-family:Calibri, Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#wrapper{
	width: 800px;
	margin: auto;
}
#wrapper p{
	margin: 2px;
	padding: 0px;
}
#client{
float: left;
width: 400px;
	padding: 0px;
	font-size: 13px;

}
#payments{
float: right;
	width: 250px;
	margin: 0 ;
	padding: 0px;
	font-size: 13px;
	background-color: #C7E7EF;
	border: 1px solid blue;
}
#payment{
	position: relative;
	float: left;
	margin: -360px 0 0  546px;
	width: 250px;
	padding: 0px;
	font-size: 13px;
	background-color: #C7E7EF;
	border: 1px solid blue;
}
.headings, .headings2{
	font-size: 15px;
	font-weight: bold;
}
.headings2{
	margin: 1px;
}
.pop,.poprt,.close, #update {
	color: Blue;
	background-color: #FFFF8A;
	border: 1px solid black;
	cursor: pointer;
	font-size: 17px;
	padding: 1px 3px;
}
.pop{
	float: left;
}
.poprt{
	float: right;
}
.close{
	width: 150px;
	text-decoration: none;
	font-weight: bold;
	color: Black;
	text-align: center;
}
.redmessage{
	color: Red;
	font-weight: bold;
	font-size: 17px;
}
.redtwo{
	color: Red;
	font-weight: bold;
	font-size: 15px;
}
.boldtext{
	font-weight: bold;
}

select{
	font-size: 11px;
}
input{
	font-size: 11px;
}
textarea{
font: Arial;
	font-size: 11px;
}
.largetype{
	font-size: 19px;
}
.notsolarge{
	font-size: 15px;
}
.buttons a:link, .buttons a:visited {
margin: 5px 0 5px 200px;
	font-size: 19px;
	padding: 6px 5px 4px 5px;
	background-color: #00008B;
	color: White;
	text-decoration: none;
}
.buttons a:hover{
	background-color: #6495ED;
	color: #F5DEB3;
}
.thin{
	margin: auto;
	width: 50%;
}
 #tablebox {
	position: relative;
	width: 450px;
	height: 330px;
	background-color: White;
	border: 1px solid blue;
	color: #444444;
}
#tablebox{
	margin:150px auto;
}
fieldset{
	width: 80%;
	margin: auto;
}
.saglogo{
float: left;
	margin: 20px;
}
form label{
	float: left; 
	width: 90px;
	font-size: 13px;

}
form p{
	font-size: 13px;
	margin: 3px 0;

}
legend{
	font-size: 13px;
	color: #778899;
}
#button, .button {color:White;  cursor:pointer; 
width:145px; margin-left:90px;
margin-top: 10px; background:#4682B4; border:1px solid; 
border-color:Blue #5f051c #5f051c Blue;}

#button:hover, .button:hover {color:#708090; background:#FEFF84; 
border:1px solid; border-color:#4f718a #003 #003 #4f718a; }
#fillins{
	margin: 50px 0 0 50px;
}
.overabit{
	margin:20px 0 0 150px;
}
.overabit a:link,.overabit a:visited{
	color: #778899;
	text-decoration: underline;
}
.overabit a:hover{
	color: Green;
	text-decoration: none;
}
.error{
margin-top: 30px;
	color: Red;
}
.svj{
	font-size: 19px;
	margin: 0 5px;
	color: #FAEBD7;
	background-color: #00008B;
	border: 1px solid #FAEBD7;
	padding: 3px 5px;
	text-align: center; 
}
#colone{
	position: absolute;
	top: 200px;
	left: 10%;
	width: 18%;
}
#coltwo{
	position: absolute;
	top: 200px;
	left: 30%;
	width: 18%;
}
#colthree{
	position: absolute;
	top: 200px;
	left: 50%;
	width: 18%;
}
#colfour{
	position: absolute;
	top: 200px;
	left: 70%;
	width: 18%;
}
#message{
	text-align: center;
	font-size: 17px;
	color: Red;
}
#addbook{
	clear: both;
	position: absolute;
	top: 700px;
}
#addbook p{
	font-size: 19px;
}
.extralt, .extralta, .extraltb{
	position: relative;
margin: 5px 0px;
	padding: 2px 2px 30px 2px;
	border: 1px solid #A0A0A0;
	width: 380px;
	float: left;
	clear: left; 
}
.extrart, .extrarta{
margin: 10px 5px;
	padding: 2px 2px 30px 2px;
	border: 1px solid #A0A0A0;
	width: 380px; 
	float: right;
	background-color: Aqua;
	clear: right;
}
.extrart{
	background-color: #B4FBB5;
}
.extrarta{
	background-color: #FFE8D2;
}
.extralt{
	background-color: #C7F3F3;
}
.extralta{
	background-color: #B8FBDB;
}
.extraltb{
	background-color: #FFD4DB;
}
.section{
	position: relative;
	margin: 2px 0px;
	background-color: Lime;
}
.maindesc{
float: left;
color: Black;
	font-size: 12px;
	width: 240px;
	margin: 0px 5px 5px 0;
	clear: left;
}
.subdesc{
color: #363636;
	font-size: 11px;
	width: 240px;
}
.plus{
	position: absolute;
	top: 10px;
	right: 5px;
}
.pounds{
position: relative;
float: right;
	font-size: 12px;
	width: 125px;
}
.clear{
	clear: both;
}
.clearlt{
	clear: left;
	height: 5px;
}
#rtable{
	background-color: #FF7F50;
	border: 1px solid #A9A9A9;
}
#btable{
	background-color: #FFBBA1;
	border: 1px solid #A9A9A9;
}
#leftside{
	position: relative;
	float: left;
	width: 390px;
	height: 300px;
	background-color: #B7FF71;
	text-align: left;
	border: 1px solid Green;
}
#rightside{
	position: relative;
	margin-left: 400px;
	width: 390px;
	height: 300px;
	background-color: #B7FF71;
	text-align: left;
	border: 1px solid Green;
}

#greenbox{
	position: relative;
	margin: auto;
	width: 400px;
	height: 300px;
	background-color: #B7FF71;
	text-align: left;
	border: 1px solid Green;
}
#villaimage{
	margin: 10px auto;
}
.villapic{
		border: 1px solid black;
		text-align: center;
}
.details{
	font-size: 14px;
	color: #38434E;
}
#pagecenter{
	text-align: center;
	width: 800px;
	margin: auto;
}
#newclient{

	width:600px;
	margin: auto;
}
#newclient p{
	clear: both;
}
form#two, form#one {font-size:11px; width:370px; padding:10px; margin:0 auto;
text-align: left;}

form#three {font-size:11px; width:550px; padding:10px; margin:0 auto;
text-align: left;
	background-color: #B7FF71;}

form#two label, form#one label, form#three label {display:block; float:left; width:120px; text-align:right; padding-right:10px; color:#26343A; margin-bottom:0.5em;  line-height:1.5em; font-style:normal;}

form#two input, form#one input, form#threeinput {padding:0; margin-bottom:0.8em; }


form#two #button1, form#one #button, form#three #button { background:#666; border-bottom:1px solid #333; border-left:1px solid #999; border-top:1px solid #999; border-right:1px solid #333; color:#fff; padding-right:0.5em; cursor:pointer; width:205px; margin-left:12px;}

form#two #button1:hover, form#one #button:hover, form#three #button:hover {background:#990033; border-bottom:1px solid #4A0018; border-right:1px solid #4A0018;  color:#fff; border-top:1px solid #cc0033; border-left: 1px solid #cc0033;}
.customer{
	font-size: 19px;
	font-weight: bold;
	margin: 5px;
}
.customers{
	font-size: 15px;
	margin: 5px;
}
#email{
	display: none;
}
#paymentoptions{
	position: relative;
	font-size: 20px;
}
.cardtext{
	line-height: 30px	
	}
	.cardlogo{
		margin-bottom: -10px;
	}
	.cardtext a:link, .cardtext a:visited{
		font-weight: bold;
		color: red;
		text-decoration: none;
	}
	.cardtext a:hover{
		color: green;
		text-decoration: underline;
	}
.otherpayment{
position: relative;
	float: right;
	text-decoration: none;
	font-size: 11px;
}
	.otherpayment a:link, .otherpayment a:visited{
		color: #778899;
		text-decoration: none;
	}
		.otherpayment a:hover{
		color: green;
		text-decoration: underline;
		}
#boxone{
	position: absolute;
	top: 25px;
	left: 0px;
	width: 180px;
	font-size: 17px;
	text-align: right;
}

.clientdetail{
position: relative;
	padding: 10px;
	background-color: #C7E7EF;
	border: 1px solid blue;
	width: 480px;
	float: left;
	margin-bottom: 20px;
}
.lab{
	width: 150px;
}
.cldata{
	color: #0000CD;
}
#popup{
	background-color: #C7E7EF;
	border: 1px solid blue;
	margin: 10px;
	}
.plus{
	float: right;
	margin-top: -10px;
}
.java{
	text-align: center;
}
.java a:link, .java a:visited{
	font-size: 15px;
	padding: 3px;
	background-color: Yellow;
	color: #0000CD;
	border: 1px solid black;
	display: block;
	width: 150px;
	text-decoration: none;
	font-weight: bold;
	margin: auto;
}
.java a:hover{
	background-color: #0000CD;
	color: Yellow;
}

.confirm a:link, .confirm a:visited{
	background-color: #708090;
	color: White;
	padding: 2px;
	border: 1px solid #4F5E6A;
	text-decoration: none;
	margin: 5px 0px;
	font-size: 15px;
}
.confirm a:hover{
	color: Yellow;
	}
	.methods{
		position: relative;
		float: left;
			margin:10px 10px 10px 0;
		width: 230px;
		font-size: 14px;
		padding: 10px;
		background-color: #add8e6;
	}
	#methodone{
	position: relative;
		float: left;
		width: 240px;
	}
	#methodtwo{
	position: relative;
	margin: 0 0 20px 250px;
	}
.bottom{
position: relative;
clear: both;
	margin-top: 20px;
}
.rows{
	text-align: left;
	margin: 10px  0 0px 10px;
	padding: 2px 2px 2px 50px;
	background-color: #B6FBB7;
}
#look{
	float: right;
	margin-top: 80px;
	color: Red;
	width: 170px;
}
.info{
	position: relative;
	padding: 5px;
}
#mholder{
	position: relative;
	margin: auto;
	width: 500px;
}
.bcode{
	font-size: 20px;
	font-weight: bold;
	color: #CA0000;
}
.what{
	font-size: 11px;
	cursor: pointer;
	text-decoration: underline;
}
#pagebottom{
	position: relative;
	clear: both;
}