/* Payroll-Service-Bureau.co.uk CSS Document */

#hbp {
	display:none;
	}

body {
	padding:0px;
	margin:0px;
	background-color:#3a4750;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#website_container {
	position:absolute;
	width:960px;
	left:50%;
	top:0px;
	margin-left:-480px;
	background-image:url(/images/website_bg_repeat.jpg);
	background-repeat:repeat-y;
}
	#website_inner {
		float:left;
		background-image:url(/images/website_bg_top.jpg);
		background-repeat:no-repeat;
		background-position:top left;
		width:960px;
	}
	#website_inner_bottom {
		float:left;
		background-image:url(/images/website_bg_bottom_a.jpg);
		background-repeat:no-repeat;
		background-position:bottom left;
		width:880px;
		padding-left:40px;
		padding-right:40px;
	}

/* header */
#website_header_container {
	float:left;
	width:880px;
	height:332px;
	padding-top:15px;
}
	#website_header_image {
		float:left;
		width:880px;
		height:294px;
		z-index:10;
		position:absolute;
	}
		#website_header_text_container {
			position:absolute;
			float:left;
			width:880px;
			z-index:100;
			height:58px;
			margin-top:236px;
			color:#FFFFFF;
			font-size:20px;
		}
		#website_header_text_container h1 {
			margin:0px;
			padding:0px;
			font-size:20px;
			font-weight:normal;
		}
		#website_header_text_container a {
			color:#FFFFFF;
			text-decoration:none;
		}
		#website_header_text_container a:hover {
			color:#ad1a28;
			text-decoration:underline;
		}
			#website_header_left_text {
				width:550px;
				float:left;
				text-align:left;
				padding-top:9px;	
				padding-left:10px;
			}
			#website_header_right_text {
				width:300px;
				float:right;
				text-align:right;
				padding-top:9px;	
				padding-right:10px;
			}
			.website_header_text_sub {
				font-size:10px;
				letter-spacing:2px;
				
			}
			.header_h1_left {
				letter-spacing:7px;
				text-transform:uppercase;
			}
				#header_text_left_sub {
					float:left;
					text-transform:uppercase;
				}
				#header_text_right_sub {
					float:right;
				}

/*header navigation */
#header_navigation_container {
	position:absolute;
	width:880px;
	background-color:#3a4750;
	border-bottom:2px solid #858585;
	z-index:200;
	margin-top:294px;
	text-align:center;
}
.header_navigation_divider {
	width:1px;
	background-color:#858585;
	float:left;
	height:36px;
}
	#header_navigation_container a {
		text-decoration:none;
		color:#A6A6A6;
		text-transform:uppercase;
		float:left;
		font-size:11px;
	}
	#header_navigation_container a.header_link_up {
		text-decoration:none;
		color:#A6A6A6;
		text-transform:uppercase;
		float:left;
		font-size:11px;
	}
	
	
	
	
	
	
	
	#header_navigation_container a.header_link_up_opera {
		text-decoration:none;
		color:#A6A6A6;
		text-transform:uppercase;
		float:left;
		font-size:11px;
	}
	#header_navigation_container a.header_link_up_opera:hover {
		background-image:url(/images/header_navigation_over.jpg);
		background-position:top left;
		background-repeat:repeat-x;
		color:#FFFFFF;
	}
	#header_navigation_container a.header_link_up_opera:hover div.nav_btn_left {
		background-image:url(images/header_navigation_over_left.jpg);
		background-position:top left;
		background-repeat:no-repeat;
	}
	#header_navigation_container a.header_link_up_opera div.nav_btn_left div.nav_btn_right {
		padding-right:7px;
		padding-left:7px;
		padding-top:12px;
		padding-bottom:9px;
		font-size:10px;
		font-weight:bold;
	}
	#header_navigation_container a.header_link_up_opera:hover div.nav_btn_left div.nav_btn_right {
		background-image:url(images/header_navigation_over_right.jpg);
		background-position:top right;
		background-repeat:no-repeat;
	}
	#header_navigation_container.header_link_up_opera div#home_btn {
		padding-left:6px;
		padding-right:6px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	#header_navigation_container a.header_link_down {
		color:#FFFFFF;
		background-image:url(/images/header_navigation_over.jpg);
		background-position:top left;
		background-repeat:repeat-x;
	}
	#header_navigation_container a.header_link_down div.nav_btn_left {
		background-image:url(images/header_navigation_over_left.jpg);
		background-position:top left;
		background-repeat:no-repeat;
	}
	#header_navigation_container a.header_link_down div.nav_btn_left div.nav_btn_right {
		/*padding-right:11px;
		padding-left:10px;*/
		padding-top:12px;
		padding-bottom:10px;
		background-image:url(images/header_navigation_over_right.jpg);
		background-position:top right;
		background-repeat:no-repeat;
	}
	
	
	
	
	#header_navigation_container a:hover {
		background-image:url(/images/header_navigation_over.jpg);
		background-position:top left;
		background-repeat:repeat-x;
		color:#FFFFFF;
	}
	#header_navigation_container a:hover div.nav_btn_left {
		background-image:url(images/header_navigation_over_left.jpg);
		background-position:top left;
		background-repeat:no-repeat;
	}
	#header_navigation_container a div.nav_btn_left div.nav_btn_right {
		padding-right:8px;
		padding-left:7px;
		padding-top:12px;
		padding-bottom:10px;
		font-size:10px;
		font-weight:bold;
	}
	#header_navigation_container a:hover div.nav_btn_left div.nav_btn_right {
		background-image:url(images/header_navigation_over_right.jpg);
		background-position:top right;
		background-repeat:no-repeat;
	}
	#header_navigation_container div#home_btn {
		padding-left:6px;
		padding-right:6px;
	}

	#website_footer {
		float:left;
		background-image:url(/images/website_bg_bottom.jpg);
		background-repeat:no-repeat;
		background-position:top left;
		width:960px;
		background-color:#3a4750;
		text-align:center;
		padding-top:20px;
		padding-bottom:20px;
		font-size:10px;
		color:#858585;
	}
	#website_footer a {
		color:#858585;
		text-decoration:none;
	}
	#website_footer a:hover {
		color:#ad1a28;
		text-decoration:underline;
	}
	#website_footer a.hbp_link {
		color:#555555;
		text-decoration:none;
	}
	#website_footer a.hbp_link:hover {
		color:#cccccc;
		text-decoration:none;
	}
		#website_footer_links_container {
			float:left;
			width:960px;
			padding-bottom:10px;
		}
		#website_footer_links_container a {
			font-size:11px;
			padding-left:10px;
			padding-right:10px;
		}
		.footer_link_down {
		color:#fff;
		}
		#website_footer_links_container_inner {
			float:left;
			width:960px;
			padding-bottom:0px;
			padding-top:5px;
			font-size:9px;
		}
		#website_footer_links_container_inner a {
			font-size:10px;
			padding-left:5px;
			padding-right:5px;
		}



#main_content_container {
	background-image:url(/images/main_content_bg.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	float:left;
}
.paragraph_text {
	padding:10px;
	font-size:13px;
	float:right;
	background-color:transparent;
}
	.paragraph_text h1 {
		float:left;
		padding-bottom:10px;
		margin:0px;
		letter-spacing:1px;
		font-size:18px;
		font-weight:bold;
		width:100%;
	}
		.h1_style {
		float:left;
		padding-bottom:10px;
		margin:0px;
		letter-spacing:1px;
		font-size:18px;
		font-weight:bold;
		width:100%;
	}
			.Under_Heading {
				float:left;
				padding-bottom:15px;
				margin:0px;
				letter-spacing:1px;
				font-size:14px;
				font-weight:bold;
				width:100%;
	}
	.paragraph_text p {
		float:left;
		margin:0px;
		padding:0px;
		width:100%;
	}
	.paragraph_text a {
		text-decoration:none;
		color:#000000;
		font-weight:bold;
		}
	.paragraph_text a:hover {
		text-decoration:none;
		color:#ad1a28;
		}
	
	h2.arrows {
		float:left;
		font-size:12px;
		font-weight:bold;
		width:100%;
		padding-bottom:5px;
		padding-left:25px;
		padding-top:10px;
		background-image:url(/images/arrows.png);
		background-position:0% 8px;
		background-repeat:no-repeat;
		margin:0px;
	}
	h2.arrows_ie6 {
		float:left;
		font-size:12px;
		font-weight:bold;
		width:100%;
		padding-bottom:5px;
		padding-left:25px;
		padding-top:10px;
		background-image:url(/images/arrows.jpg);
		background-position:0% 8px;
		background-repeat:no-repeat;
		margin:0px;
	}
	span.arrows {
		float:left;
		font-size:12px;
		font-weight:bold;
		width:100%;
		padding-bottom:5px;
		padding-left:25px;
		padding-top:10px;
		background-image:url(/images/arrows.png);
		background-position:0% 8px;
		background-repeat:no-repeat;
		margin:0px;
	}
	span.arrows_ie6 {
		float:left;
		font-size:12px;
		font-weight:bold;
		width:100%;
		padding-bottom:5px;
		padding-left:25px;
		padding-top:10px;
		background-image:url(/images/arrows.jpg);
		background-position:0% 8px;
		background-repeat:no-repeat;
		margin:0px;
	}
	.tag_line {
		font-size:18px;
		letter-spacing:1px;
	}
	.table {
		border:1px solid #cccccc;
		float:left;
	}
	.table tr {
		border:0px solid #cccccc;
	}
	.table tr td {
		border:1px solid #cccccc;
		padding:5px;
	}

#left_column_container {
	float:left;
	width:200px;
}
	.left_column_link_container {
		float:left;
		padding:10px;
	}
	
	.left_column_link_container a {
		border:2px solid #FFFFFF;
		width:175px;
		height:175px;
		overflow:hidden;
		float:left;
		padding:0px;
		text-decoration:none;
		margin:0px;
	}
	.left_column_link_container a img {
		padding:0px;
		margin:0px;
		text-decoration:none;
		border:0px;
		z-index:1;

	}
	.left_column_link_container a:hover {
		border:2px solid #ad1a28;
	}
	.left_column_link_container a div.left_column_link_text {
		float:left;
		margin-top:-40px;
		z-index:1000;
		color:#FFFFFF;
		text-decoration:none;
		font-size:14px;
		text-transform:uppercase;
		border:0px;
		cursor:hand;
		cursor:pointer;
		letter-spacing:2px;
		position:absolute;
	}
	.left_column_link_container a div.left_column_link_text_1 {
		float:left;
		z-index:1000;
		color:#FFFFFF;
		text-decoration:none;
		font-size:14px;
		text-transform:uppercase;
		border:0px;
		cursor:hand;
		cursor:pointer;
		letter-spacing:2px;
		margin-top:-42px;
	}
	div.left_column_link_text_arrow {
		float:left;
		font-size:40px;
		padding-left:5px;
		margin-top:-7px;
		z-index:5000;
	}
	div.left_column_link_text_text {
		float:left;
		padding-left:5px;
		padding-top:11px;
		z-index:5000;
	}
	
	
	
	.red_bold {
		font-weight:bold;
		border-bottom:1px solid #FF0000;
		color:#990000;
		padding-bottom:2px;
	}
	.input {
		float:left;
		border:1px solid #cccccc;
		width:297px;
		color:#FF0000;
		}
	.input_number {
		float:left;
		border:1px solid #cccccc;
		width:50px;
		color:#FF0000;
		text-align:center;
	}
	.form_font_small {
		font-size:10px;
	}
	
	
	
	#enlarge_1 {
		margin-top:180px;
	}
	#enlarge_2 {
		margin-top:416px;
	}
	#enlarge_3 {
		margin-top:652px;
	}
	.zoom_btn {
		margin-left:166px;
		color:#000;
		position:absolute;
		float:left;
		background-color:#ffffff;
		border:1px solid #cccccc;
		text-transform:uppercase;
		font-size:10px;
		cursor:hand;
		cursor:pointer;
	}
	.zoom_btn div.zoom_btn_left div.zoom_btn_right {
		padding:10px;
	}
	.zoom_btn:hover {
		border:1px solid #ffffff;
		background-image:url(/images/header_navigation_over.jpg);
		background-position:top left;
		background-repeat:repeat-x;
	}
	.zoom_btn:hover div.zoom_btn_left {
		background-image:url(images/header_navigation_over_left.jpg);
		background-position:top left;
		background-repeat:no-repeat;
	}
	.zoom_btn:hover div.zoom_btn_left div.zoom_btn_right {
		background-image:url(images/header_navigation_over_right.jpg);
		background-position:top right;
		background-repeat:no-repeat;
		color:#FFFFFF;
	}
	
	
	
	/*zoom*/
	#zoom_container {
		background-image:url(images/zoom_container_bg.png);
		background-position:top left;
		background-repeat:no-repeat;
		width:750px;
		height:500px;
		padding:0px;
		z-index:5000;
		position:absolute;
		left:50%;
		top:0%;
		margin-top:0px;
		margin-left:-375px;
		display:none;
	}
		#zoom_header {
			position:absolute;
			width:665px;
			margin-left:50px;
			margin-top:35px;
			padding-left:25px;
			background-image:url(images/arrows.jpg);
			background-repeat:no-repeat;
		}
			#zoom_close {
				position:absolute;
				z-index:5001;
				top:0px;
				left:50%;
				margin-left:278px;
				margin-top:-7px;
				font-weight:bold;
				border:1px solid #cccccc;
				font-family:Arial, Helvetica, sans-serif;
				cursor:pointer;
				cursor:hand;
			}
			#zoom_close div.zoom_btn_left div.zoom_btn_right {
				padding-top:3px;
				padding-bottom:3px;
				padding-left:15px;
				padding-right:15px;
			}
			#zoom_close:hover {
			background-image:url(/images/header_navigation_over.jpg);
			background-position:top left;
			background-repeat:repeat-x;
			}
			#zoom_close div.zoom_btn_left div.zoom_btn_right {
				padding-top:5px;
				padding-bottom:5px;
			}
			#zoom_close:hover div.zoom_btn_left {
				background-image:url(images/header_navigation_over_left.jpg);
				background-position:top left;
				background-repeat:no-repeat;
			}
			#zoom_close:hover div.zoom_btn_left div.zoom_btn_right {
				background-image:url(images/header_navigation_over_right.jpg);
				background-position:top right;
				background-repeat:no-repeat;
				color:#FFFFFF;
			}
		.zoom_image {
			position:absolute;
			margin-left:31px;
			margin-top:66px;
			}
		
		
		#zoom_control_container {
			position:absolute;
			width:750px;
			text-align:center;
			margin-top:447px;
		}
		.mini_zoom_btn {
			width:100px;
			font-weight:bold;
			border:1px solid #cccccc;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			position:absolute;
			top:0px;
			left:50%;
			cursor:pointer;
			cursor:hand;
			margin-top:0px;
		}
		.mini_zoom_btn:hover {
			background-image:url(/images/header_navigation_over.jpg);
			background-position:top left;
			background-repeat:repeat-x;
		}
		.mini_zoom_btn div.zoom_btn_left div.zoom_btn_right {
			padding-top:5px;
			padding-bottom:5px;
		}
		.mini_zoom_btn:hover div.zoom_btn_left {
			background-image:url(images/header_navigation_over_left.jpg);
			background-position:top left;
			background-repeat:no-repeat;
		}
		.mini_zoom_btn:hover div.zoom_btn_left div.zoom_btn_right {
			background-image:url(images/header_navigation_over_right.jpg);
			background-position:top right;
			background-repeat:no-repeat;
			color:#FFFFFF;
		}
			#zoom_btn_1 {
				margin-left:-105px;
			}
			#zoom_btn_2 {
				margin-left:5px;
			}
			#zoom_btn_3 {
				margin-left:60px
			}
		#zoom_address {
			position:absolute;
			font-size:11px;
			top:0px;
			left:0px;
			margin-left:492px;
			margin-top:55px;
			padding:7px;
			border:1px solid #ad1a28;
			background-color:#ffffff;
		}
		#zoom_address a {
			color:#000000;
			text-decoration:none;
		}
		#zoom_address a:hover {
			color:#ad1a28;
			text-decoration:underline;
		}
		.zoom_map_ie6 {
			background-color:#FFFFFF;
			border:2px solid #ad1a28;
		}
		.zoom_map_header_ie6 {
			position:absolute;
			width:665px;
			margin-left:50px;
			margin-top:35px;
			padding-left:25px;
			background-image:url(/images/arrows.jpg);
			background-repeat:no-repeat;
		}
		
		a.grey_link {
			color:#999;
			}