hr
{
	border: 0;
	color: #BBB;
	background-color: #BBB;
	height: 1px;
	width: 95%;
	text-align: left;
}


body
{
	background-color: #EEE;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
	
h1, h2, h3, p, .sidebar ul 
{
	margin: 0px;
}

h1 .infotext, h2 .infotext, h3 .infotext, #flowbox_main .infotext
{
	border-bottom: 0px;
}

a { white-space: nowrap; }

a.img, a.img:hover
{
	border: 0px;
}

img.no_space {
	display: inline;
	float: left;
}

/* TABLE CELLS & GENERIC BACKGROUND AND BORDER COLOURS */
/* This is based on B0 but does not operate within B0 namespace, as this is
   a sidepage, not a XComponent - at least not yet... */

.padded_table td, td.fat { padding: 5px; }
.padded_table_thin td, td.thin { padding: 1px 5px; }

.detailed, .detailed td, small
{
	font-size: 11px;
	line-height: 120%;
}

/* END TABLE CELL STUFF */

.float_left
{
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
}

.float_right
{
	float: right;
	margin-bottom: 20px;
	margin-left: 20px;
}

.float_left_deep
{
	float: left;
	margin-bottom: 50px;
	margin-right: 20px;
}

.float_right_deep
{
	float: right;
	margin-bottom: 50px;
	margin-left: 20px;
}

ul
{
	margin-left: 30px;
	padding-left: 15px;
}

th
{
	text-align: left;
	font-weight: normal;
}

table.vertically_padded th, table.vertically_padded td
{
	padding: 3px 10px 3px 0px;
}

td.divider
{
	padding: 0px !important;
}

table.vertically_padded th.shaded, table.vertically_padded td.shaded
{
	padding-left: 5px;
}

.underlined
{
	padding-bottom: 3px;
	margin-bottom: 5px;
	border-bottom: 1px dotted;
}

	/* CREATE A CENTERED AREA 950px WIDE */
	#centred_page	
	{
		text-align: left;
		width: 950px;
		margin: 0px auto;
		border-width: 0px 1px;
  		position: relative;
	}

	#popup_window
	{
		text-align: left;
		padding: 30px;
		border: 0px;
	}

	/* LAYOUT BLOCKS */
	#spacer_block_top
	{
		width: 100%;
		height: 20px;
		line-height: 0px;
		display: none;
	}

	#header
	{
		width: 100%;
		height: 97px;
		margin: 0px 0px 2px 0px;
		background-position: right top;
	}
	
		#header_content
		{
			padding: 8px 20px;
		}

			#header_logo_contact
			{
				height: 81px;
			}
			
			#header_logo_contact
			{
				position: relative;
				width: 910px;
			}
			
				#header_logo_contact div
				{
					float: right;
					width: 100%;
					text-align: right;
					position: absolute;
					top: 5px;
					left: 0px;
				}

	#spacer_block_under_menu	
	{
		clear: both;
		width: 100%;
		height: 10px;
		line-height: 0px;
	}

	#main_area
	{
		width: 100%;
		min-height: 800px;
		overflow: visible;
		padding-top: 20px;
	}
	
		#main_area_content
		{
			padding: 0px 20px 5px 20px;
		}

			.main_column
			{
				float: left;
				width: 630px;
			}
		
				.main_column h1
				{
					padding-top: 0px;
					margin-top: 0px;
				}
			
			.sidebar
			{
				float: right;
				width: 250px;
				margin: 0px;
				padding: 0px;
			}
			
			.sidebar h3
			{
				font-size: 10px;
				line-height: 140%;
				margin-top: 0px;
			}

			
			.sidebar h3 small
			{
				line-height: 120%;
			}

			/* FLOW STYLES */
			a.sidepage			
			{
				background-image: url("images/sidepage_icon.gif");
				background-repeat: no-repeat;
				background-position: right center;
				padding-right: 25px;
				margin-right: -5px;
				white-space: nowrap;
			}
			
			#footer_flow
			{
				font-size: 14px;
				line-height: 18px;
				text-align: right;
				background-position: right top;
				background-image: url("images/footer_flow_arrow.gif");
				background-repeat: no-repeat;
				padding: 0px 40px;
				margin-top: 30px;
			}
			
				#footer_flow a
				{
					border-bottom: 0px;
				}
			
			/* FLOWBOX STYLES */
			#flowbox { margin-bottom: 20px; line-height: 0px;}
			
			.flowbox_main_trolley, .flowbox_main_forward, .flowbox_main_popup
			{
				height: 54px;
				margin-bottom: 0px;
				display: block;
				padding: 7px 78px 0px 23px;
				white-space: normal !important;
				widows: 2;
				text-decoration: none;
				border-bottom: 0px;
				background-repeat: no-repeat;
				background-position: left top;
			}
			
			.flowbox_main_trolley:hover, .flowbox_main_forward:hover, .flowbox_main_popup:hover
			{
				border-bottom: 0px;
			}
									
			.flowbox_sub_trolley, .flowbox_sub_forward, .flowbox_sub_popup
			{
				height: 25px;
				margin-bottom: 3px;
				display: block;
				padding: 0px 43px 0px 23px;
				border-bottom: 0px;
				white-space: normal;
				widows: 2;
				text-decoration: none;
				border-bottom: 0px;
				background-repeat: no-repeat;
				background-position: left top;
			}
			
			.flowbox_sub_trolley:hover, .flowbox_sub_forward:hover, .flowbox_sub_popup:hover
			{
				border-bottom: 0px;
			}

			.ie6_7_is_buggy { display: block; height: 0px; line-height: 0px; font-size: 0px; }

				/* SIDEBAR BOXES */
				.sidebar_box_heading
				{
					height: 42px;
					margin: 0px;
					padding: 0px;
					width: 100%;
					float: left;
				}
				
					.sidebar_box_heading h2
					{
						padding-top: 11px;
						margin: 0px 0px 0px 20px;
						line-height: normal;
					}
			
				.sidebar_box_content
				{
					clear: both;
					border-width: 0px 1px 1px 1px;
					margin: 0px;
					padding-top: 0px;
				}
				
				.sidebar_box_content div
				{
					margin: 0px;
					padding: 1px 10px 15px 15px;
				}
				
				.sidebar_box_content p
				{
					margin-top: 0px;
					padding-left: 5px;
				}
 		
				.sidebar_box_content p.point
				{
					padding-left: 30px;
				}

				.sidebar_box_content .float_left
				{
					margin-right: 10px;
				}

	#footer
	{
		clear: both;
		width: 100%;
	}

		#footer_padding
		{
			padding: 5px 20px 25px 20px;
		}
	
			#footer_content
			{
				border-width: 1px 0px 0px 0px;
				padding: 10px 0px 20px 0px;
				line-height: 150%;
			}
		
				#copyright_notice
				{
					float: right;
					text-align: right;
				}

 	/* FEATURE BOXES - FOR USE IN MAIN COLUMN */
 	
		.feature_box h2		
		{
			margin-top: 0px;
			padding: 4px 2px 3px 25px;
			background-repeat: no-repeat;
		}
				
		.feature_box_content
		{
			padding: 10px 10px 10px 25px;
		}
 	
 	/* TABBED MENU AND SUB-MENU CSS */
 	#tabbed_menu
  	{
  		float: left;
  		width: 100%;
  		line-height: normal;
  	}
  	
  	#tabbed_menu ul
  	{
  		margin: 0px;
  		padding: 3px 5px 0px 5px;
  		list-style: none;
  	}
  	
  	#tabbed_menu li
  	{
  		float: left;
  		margin: 0px 0px 0px 3px;
  		padding: 0px 0px 0px 10px;
  	}
  	
  	#tabbed_menu a
  	{
  		float: left;
  		display: block;
  		padding: 4px 15px 3px 6px;
  		text-decoration: none;
		border: 0px; 
  	}
  	
  	/* Commented Backslash Hack
  	       hides rule from IE5-Mac \*/
  	#tabbed_menu a { float: none; }
  	/* End IE5-Mac hack */
  	
  	#tabbed_menu .current
  	{
  		border-width: 0px;
  	}
  	
  	#tabbed_menu .current a
  	{
  		padding-bottom: 4px;
  	}
  	
  	#sub_menu_container
  	{
  		float: left;
  		width: 100%;
  		position: relative;
  		line-height: normal;
  	}
  	
		#sub_menu_content
		{
			padding: 2px 20px 2px 25px;
		}
		
			#sub_menu_content a
			{
				text-decoration: none;
				border: 0px; 
			}
      
		#sub_menu_rhs
		{
			float: right;
		}

 	/* HIDDEN BARS */
  	.hidden_sub_menu
  	{
  		float: left;
  		width: 100%;
  		line-height: normal;
		position: absolute;
		top: 0px;
		left: 0px;
		visibility: hidden;
	}
  	
  	.hidden_sub_menu_content
  	{
		padding: 2px 20px 2px 25px;
  	}
  	
  	.hidden_sub_menu a
  	{
  		text-decoration: none;
		border: 0px; 
  	}
      
	.hidden_sub_menu_rhs
	{
		float: right;
	}

 	/* FLOATING DHTML LAYERS */
 	.info_layer
 	{
 		position: absolute;
 		top: 50px;
 		z-index: 10;
 		padding: 10px;
 		background-image: url("images/trans_70.png");
 		visibility: hidden;
 	}
 	 	
		.info_layer_box
		{
			border-width: 2px 1px 1px 1px;
			border-style: solid;
		}
		 	 	
		.debug_layer_box
		{
			color: #0F0;
			background-color: #333;
			background-repeat: repeat-x;
			border-width: 2px 1px 1px 1px;
			border-color: #666;
			border-style: solid;
		}

			.header_bar
			{
				text-align: left;
				vertical-align: middle !important;
				border-bottom: 1px #666 solid;
				padding: 5px 5px 5px 25px;
				margin: 0;
				font-weight: normal;
				filter: alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;
			}
		
				.header_bar a
				{
					float: right;
					vertical-align: middle !important;
					filter: alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;
					text-decoration: none;
					border: 0px;
				}

			.box_content
			{
				padding: 25px 25px 20px 25px;
			}

				.box_content h2
				{
					margin-top: 0px;
				}

 	/* COMMON FLOATING DHTML LAYERS */
	#firstpage_promobox { left: 220px; width: 510px; z-index: 10; }

 	/* Sidepages */
	#sp_0, #sp_1, #sp_2, #sp_3, #sp_4, #sp_5, #sp_6, #sp_7, #sp_8, #sp_9
	{
		left: 100px;
 		top: 100px;
		width: 750px;
	}
	
	#debug
	{
		left: 500px;
		top: 20px;
		visibility: hidden;
		z-index: 20000;
	}

 	/* INFOTEXT */
	.infotext
	{
		border-width: 0 0 1px 0;
		border-style: none none dashed none;
		cursor: hand;
	}

 	/* WHOSON CHAT INVITE */
 	#woInvite
 	{
 		display: none;
 		border: 1px #999 solid;
 		background-color: #FFF;
 		padding: 10px;
 	}
 	
 	/* EDIT CONTROLS */
	.editable, .editable_sp
	{
		border: 1px dotted #F00;
	}
	
	.editable
	{
		position: relative;
	}

	.editbutton
	{
		position: absolute;
		display: block;
		top: 0px;
		right: 0px;
		border-width: 0px 0px 1px 1px;
		border-style: solid;
		border-color: #F00;
		background: #FFF;
		padding: 5px;
		filter: alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60;
	}

	#admin_toolbar
	{
		z-index: 999999;
		border-width: 0px 0px 1px 0px;
		border-style: solid;
		border-color: white;
		padding: 5px 20px;
		background: #333;
		color: white;
	}

		#admin_toolbar a
		{
			color: #FCF;
			margin: 0px 5px;
			border-bottom: 0px;
			text-decoration: none;
		}
		
		#admin_toolbar a:hover
		{
			color: #F6C;
		}