@charset "utf-8";
/* student-union-epos.co.uk CSS Document */
.hbp {
	display:none;
}

body {
	width:1000px;
	margin:0px auto 0px auto;
	background-image:url(images/layout/body_bg_repeat.jpg);
	background-position:top;
	background-repeat:repeat-x;
	font-family:sans-serif, Helvetica, Arial; 
	}
#website_container {
	background-image:url(images/layout/body_container_bg_repeat.jpg);
	background-position:left;
	background-repeat:repeat-y;
	float:left;
	}
	#website_container_inner {
		background-image:url(images/layout/header.jpg);
		background-position:top left;
		background-repeat:no-repeat;
		float:left;
		overflow:hidden;
		}
/*btns*/
a.on {
background-image:url(images/layout/header_btn_on_bg_repeat.jpg);
background-position:top;
background-repeat:repeat-x;
padding:0px;
float:left;
font-weight:bold;
color:#000000;
text-decoration:none;
font-size:12px;
}
a.on span{
background-image:url(images/layout/header_btn_on_bg_left.jpg);
background-position:top left;
background-repeat:no-repeat;
float:left;
padding:0px;
}
a.on span span{
background-image:url(images/layout/header_btn_on_bg_right.jpg);
background-position:top right;
background-repeat:no-repeat;
padding:3px 12px 5px 12px;
color:#FFFFFF;
float:left;
cursor:hand;
cursor:pointer;
}
#header {
float:left;
}
	#phone_number {
		position:absolute;
		margin-left:20px;
	}
	#header_till {
		position:absolute;
		margin-left:716px;
	}
	#header_navigation_container {
		position:absolute;
		margin-left:20px;
		margin-top:156px;
		width:500px;
		height:22px;
		float:left;
		}
	#header_navigation_container a.off {
		float:left;
		padding:4px 10px 3px 10px;
		font-weight:bold;
		color:#000000;
		text-decoration:none;
		font-size:12px;
		}
	#header_navigation_container a.first {
		/*padding:4px 10px 3px 20px;*/
		}
	#header_navigation_container a.off:hover {
		color:#0066FF;
		text-decoration:none;
		}
	#header_download_container {
		position:absolute;
		margin-left:545px;
		margin-top:156px;
		height:25px;
		float:left;
	}
	#header_download_container a.download {
		float:left;
		padding:4px 10px 5px 30px;
		font-weight:bold;
		color:#000000;
		text-decoration:none;
		font-size:12px;
		background-image:url(images/layout/down_arrow_up.jpg);
		background-position:top left;
		background-repeat:no-repeat;
		}
	#header_download_container a.download:hover {
		color:#0066FF;
		text-decoration:none;
		background-image:url(images/layout/down_arrow_over.jpg);
		background-position:top left;
		background-repeat:no-repeat;
		}
#footer {

	}

.footer {
	background-image:url(images/layout/footer.jpg);
	background-repeat:no-repeat;
	height:200px;
	float:left;
	width:1000px;
	}
.footer_ie6 {
	background-image:url(images/layout/footer.jpg);
	background-repeat:no-repeat;
	height:100px;
	float:left;
	width:1000px;
	clear:both;
	position:abolute;
	}
	#footer_inner_container {
		position:absolute;
		margin-left:20px;
		width:960px;
		background-image:url(images/layout/body_container_footer_bg_repeat.jpg);
		background-position:top;
		background-repeat:repeat-x;
		}
		#kcpos {
			float:left;
		}
		#kc_ecommerce {
			float:left;
		}
		#footer_address {
			float:right;
			width:210px;
			font-size:9px;
			color:#FFFFFF;
			text-align:left;
			padding:6px 0px 0px 0px;
			}
			.footer_address_name {
			font-weight:bold;
			float:left;
			padding:0px 4px 0px 0px;
			}
			
		#hbp_systems_limited {
			float:right;
			margin-right:5px;}
	#footer_content_lower {
		font-size:10px;
		padding:65px 70px 10px 70px;
		text-align:center;
		color:#666666;
		}
		#footer_content_lower a {
			font-size:10px;
			text-decoration:none;
			color:#666666;
			}
		#footer_content_lower a:hover {
			font-size:10px;
			text-decoration:none;
			color:#0066FF;
			}
		#footer_content_lower a.off {
			font-size:10px;
			text-decoration:none;
			color:#666666;
			}
		#footer_content_lower a.off:hover {
			font-size:10px;
			text-decoration:none;
			color:#0066FF;
			}
		#footer_content_lower a.footer_on {
				font-weight:bold;
				color:#0066FF;
				font-size:12px;
			}	
		.kcpos_family_title {
			padding:10px 0px 5px 0px;
			font-weight:bold;
			}

#main_content_container {
	float:left;
	padding:190px 30px 10px 30px;
	width:940px;
	text-align:justify;
}


.img_left {
	float:left;
	padding-right:10px;
	}
h1.heading {
	float:left;
	background-image:url(images/large_bullet.jpg);
	background-position:top left;
	clear:both;
	background-repeat:no-repeat;
	padding:10px 0px 15px 60px;
	margin:0px;
	font-size:30px;
	width:100%;
	}

span.heading {
	float:left;
	background-image:url(images/small_bullet.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding:5px 0px 15px 40px;
	margin:30px 0px 0px 0px;
	font-size:20px;
	width:670px;
	font-weight:bold;
	}
	span.heading_top {
	float:left;
	background-image:url(images/small_bullet.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding:5px 0px 15px 40px;
	margin:10px 0px 0px 0px;
	font-size:20px;
	width:350px;
	font-weight:bold;
	}
p.benefit {
	float:left;
	padding:0px 0px 10px 0px;
}
p.benefit_top {
	float:left;
	padding:0px 0px 10px 0px;
	width:620px;
}
/*home page*/
#one_stock_file {
	position:absolute;
	top:270px;
	left:50%;
	text-align:center;
	width:700px;
	margin-left:-350px;
	}
#one_stock_file h2 {
	padding:0px;
	margin:0px;
	width:700px;
	text-align:center;
	float:left;
} 
#one_stock_file h1 {
	padding:0px;
	margin:0px;
	width:700px;
	text-align:center;
	float:left;
} 
	h2.home_from_1_stock_file {
		font-size:20px;
	}
	h1.home_one_stock_file {
		font-size:60px;
		line-height:65px;
		width:700px;
	}
	h1.home_one_stock_file span {
		text-decoration:underline;
	}
	h1.home_one_system {
		font-size:74px;
		line-height:85px;
		width:700px;
	}
	h1.home_one_system span{
		text-decoration:underline;
	}
	h2.home_services_all_elements {
		font-size:30px;
		width:700px;
		}
	h2.home_with_no_rekeying {
		font-size:22px;
		width:700px;
		}
	
	
#home_epos {
	position:absolute;
	top:720px;
	left:50%;
	margin-left:-450px;
	background-image:url(images/epos_bg.png);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	width:220px;
	
	}
#home_webshop {
	position:absolute;
	top:950px;
	left:50%;
	margin-left:-330px;
	background-image:url(images/webshop_bg.png);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	width:280px;
	}
#home_ticket_sales {
	position:absolute;
	top:960px;
	left:50%;
	margin-left:150px;
	background-image:url(images/ticket_sales_bg.png);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	width:300px;
	}
#home_finance_system {
	position:absolute;
	top:660px;
	left:50%;
	margin-left:285px;
	background-image:url(images/finance_bg.png);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	width:220px;
	}
	
.callout_container_ie6 {
	float:left;
	font-size:16px;
	font-weight:bold;
	}
	
.callout_container {
	float:left;
	font-size:16px;
	font-weight:bold;
	}

									.callout_inner {
										background-image:none;
										padding:0px 24px 0px 24px;
										float:left;
										}
									.callout_inner h1 {
										float:left;
										font-size:32px;
										padding:35px 0px 0px 55px;
										margin:0px;
										}
									.callout_inner h1.next {
										float:left;
										font-size:32px;
										padding:0px 0px 0px 55px;
										margin:0px 0px 0px -45px;
										clear:both;
										}
									.callout_inner p {
										float:left;
										clear:both;
										padding:0px 10px 30px 10px;
										margin:0px;
										width:100%;
										}
									a.read_more {
										float:left;
										clear:both;
										font-size:12px;
										font-weight:bold;
										color:#0066FF;
										text-decoration:none;
										}
									
									span.callout_inner p a.read_more:hover {
										float:left;
										clear:both;
										font-size:12px;
										font-weight:bold;
										color:#0066FF;
										text-decoration:underline;
										}
										
									a.read_more_1 {
										font-size:12px;
										font-weight:bold;
										color:#0066FF;
										text-decoration:none;
										}
									a.read_more_1:hover {
										font-size:12px;
										font-weight:bold;
										color:#0066FF;
										text-decoration:underline;
										}
									.small_text {
										font-size:10px;
										font-weight:normal;
										float:left;
										clear:both;
										padding:0px;
										}
									a.large_link {
										font-size:16px;
										font-weight:bold;
										color:#0066FF;
										text-decoration:none;
										}
									a.large_link:hover {
										font-size:16px;
										font-weight:bold;
										color:#0066FF;
										text-decoration:underline;
										}
#home_info_text {
	margin-top:30px;
	text-align:center;
	float:left;
	width:100%;
}
.call_free {
font-size:60px;
font-weight:bold;
width:100%;
float:left;

}




/*call you*/
#call_you_container {
	float:right;
	width:310px;
	background-image:url(images/call_you_bg_repeat.jpg);
	background-position:top right;
	background-repeat:repeat-y;
	}
	#call_you_top {
		float:right;
		width:300px;
		background-image:url(images/call_you_bg_top.jpg);
		background-position:top;
		background-repeat:no-repeat;
		}
		#call_you_bottom {
			float:right;
			width:300px;
			background-image:url(images/call_you_bg_bottom.jpg);
			background-position:bottom;
			background-repeat:no-repeat;
			}
			#call_you_bottom h1 {
				font-size:30px;
				text-align:center;
				padding:23px 0px 6px 0px;
				color:#FFFFFF;
				margin:0px 0px 15px 0px;
				}
			#call_you_bottom form {
				padding:0px 20px 30px 20px;
				margin:0px;
				text-align:left;
				font-size:14px;
				}
			#call_you_bottom form input {
				margin-top:5px;
				padding:5px;
			}
			#call_you_bottom form select {
				margin-top:5px;
				padding:5px;
			}
			#call_you_bottom form input.organisation {
				width:240px;
			}
			#call_you_bottom form input.name {
				width:181px;
			}
			#call_you_bottom form input.Phone_Number {
				width:240px;
			}
			#call_you_bottom form input.email {
				width:240px;
			}
	
/*contact form*/
#main_contact_form_container {
	float:left;
	width:940px;
	background-image:url(images/contact_form_bg_repeat.jpg);
	background-position:top left;
	background-repeat:repeat-y;
	font-size:12px;
	text-align:left;
}
	#main_contact_form_container form{
		float:left;
		width:940px;
		background-image:url(images/contact_form_bottom.jpg);
		background-position:bottom left;
		background-repeat:no-repeat;
		padding:0px 0px 50px 0px;
	}
		#main_contact_form_container h1 {
			font-size:30px;
			text-align:center;
			padding:23px 0px 6px 0px;
			color:#FFFFFF;
			margin:0px 0px 15px 0px;
			background-image:url(images/contact_form_top.jpg);
			background-position:top left;
			background-repeat:no-repeat;
			text-align:left;
			padding:27px 0px 20px 40px;
			}
			
			#main_contact_form_container span.title {
				font-size:14px;
				font-weight:bold;
				float:left;
				width:240px;
				padding:0px 0px 10px 0px;
				}
			#main_contact_form_container input {
			
			}
			.form_container {
				float:left;
				width:280px;
				height:570px;
			}
			#about_your_establishment {
				margin-left:0px;
				border-right:2px dotted #ccc;
				padding:0px 0px 0px 35px;
				}
			#your_current_system {
				margin-left:0px;
				border-right:2px dotted #ccc;
				padding:0px 0px 0px 25px;
				}
			#you_are_interested_in {
				margin-left:0px;
				padding:0px 0px 0px 25px;
				}
				.formOff {
					border:1px solid #999;
					color:#ccc;
					text-transform:capitalize;
					}
				.formOffa {
					border:1px solid #999;
					color:#666;
					text-transform:capitalize;
					}
				.formOn {
					border:1px solid #0066FF;
					color:#000000;
					text-transform:capitalize;
					}
				.a {
					float:left;
					width:240px;
					margin:5px 0px 0px 0px;
					padding:5px;
					}
				.b {
					float:left;
					width:185px;
					margin:5px 0px 0px 5px;
					padding:5px;
					}
				.c {
					float:left;
					width:50px;
					margin:5px 0px 0px 0px;
					padding:5px;
					}
				.d {
					float:right;
					width:50px;
					margin:10px 0px 0px 0px;
					padding:5px;
					clear:none;
					}
				.locations {
					float:left;
					width:250px;
					margin:5px 0px 0px 0px;
					padding:5px;
					overflow:hidden;
					}
				.interest_box {
					float:right;
					padding:0px;
					margin:-3px 10px 0px 0px;
					}
				.interest {
					float:left;
					width:250px;
					padding:5px 0px 5px 0px;
					margin-top:3px;
					}
				div.interest input {
					float:right;
					margin:-3px 10px 0px 0px;
					}
				
				.enquiry {
					float:left;
					margin:10px 0px 0px 0px;
					padding:10px 0px 0px 35px;
					width:865px;
					}
				.enquiry textarea {
					float:left;
					width:845px;
					padding:10px;
					margin:0px;
					font-family:sans-serif, Helvetica, Arial; 
					height:150px;
					}
				.tag {
					float:left;
					width:250px;
					margin:5px 0px 0px 0px;
					}
				.radio_container_1 {
					float:left;
					text-align:center;
					padding:0px 3px 0px 4px;
					}
					
					#fix {
					margin:50px 0px 0px 0px;
					_margin:0px 0px 0px 0px;
					#margin:0px 0px 0px 0px;
					}