/* CSS Document */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	padding: 0;
	margin: 0 0 86px 0;
	background: #ededed url('/gfx/bg_body2.gif') top left repeat-x;
	color: #414547;
}

/****************/
/** Global Styles **/
/***************/
h2 { 
	/*text-transform:uppercase;*/
	font-weight: normal;
	color: #00808c;
	padding: 0 0 12px 0;
	font-size: 1.8em;
}

h3 {
	font-size: 1.6em;
	font-weight: bold;
	color: #00808c;
	padding: 0 0 12px 0;
}

a { color: #008592; text-decoration: none; }
a:hover { text-decoration: underline; }

span.highlight { color: #008592; }

fieldset { border: none; padding: 0; margin: 0; }

input.txt {
	border: 1px #a0a3a4 solid;
	background: #fff url('/gfx/bg_input.gif') top left no-repeat;
	padding: 4px;
	font-size: 0.9em;
	color: #909198;
}

div.hr { padding: 0px; margin: 8px 0; height: 1px; background-color: ededed; clear: both;}
hr { display: none; visibility: hidden; }


form { padding: 0; margin: 0; }
img { border: none; }

.small { font-size: 0.9em !important;}

.size1 {	font-size: 75% !important; }
.size2 {	font-size: 90% !important; }
.size3 { 	font-size: 100% !important; }

/** FORM STYLE **/
#form {
	border: 1px #c4c4c4 solid;
	background-color: #ededed;
	padding: 20px;
}

#form legend {
	display: none;
	visibility: none;
}

#form .formRow {
	clear: both;
	border-bottom: 1px #eeece0 solid;
	height: 100%;
}

#form .formLabel {
	float: left;
	width: 92px !important;
	width /**/: 100px;
	text-align: right;
	padding: 7px 4px 4px 4px;
}

#form .formElement {
	float: left;
	width: 464px !important;
	width /**/: 480px;
	text-align: left;
	padding: 4px 8px;
}

#form .formSubmit {
	margin-left:108px;	
	margin-top:8px;
}

.error {
	border:1px solid darkred;
	background-color:#fff;
	padding:10px 10px 0;
	margin:10px 0;
}

/************/
/** Structure **/
/************/
#container {
	width: 950px;
	margin: 0 auto;
	padding: 0;
}

#crc_login {
	height:32px;
	
}
	
	#crc_login table {
		float: right;
	}

	#crc_login p {
		color: #fff;
		font-weight: bold;
	}

#header {
	height: 107px;
	width: 950px;
	clear: both;
}

	#logo {
		height: 57px !important;
		height /**/: 107px;
		width: 185px;
		float: left;
		padding: 24px 0 26px 0;
	}
		
	#functions {
		width: 764px;
		float: left;
		text-align: right;
		height: 36px;
		margin: 0;
	}
	
		#functions ul {
			padding: 22px 0 0 0;
			margin: 0;
			float: right;
		}
		
		#functions ul li {
			padding: 0 6px 0 0;
			margin: 0 6px 0 0;
			list-style: none;
			display: inline;
			float: left;
			font-weight: bold;
			border-right: 1px #909194 solid;
		}
		
		#functions ul li.last { border: none; padding: 0; margin: 0; }
	
	#hotline {
		width: 764px;
		float: left;
		text-align: right;
		padding: 22px 0 0 0;
		height: 46px;
		margin: 0;
	}
	
		#hotline span {
			font-weight: bold;
			font-size: 1.3em;
		}
		
/** Navigation **/
#navigation { background: #ededed url('/gfx/bg_navigation.gif') bottom left repeat-x; height: 42px; padding: 0; margin: 0; }

#nav_parent ul { padding: 0; margin: 0; clear: both; }
#nav_parent li { display: inline; float: left; height: 31px; padding-right: 8px; }
#nav_parent li.last { padding: 0; margin: 0; }
#nav_parent li a { display: block; float: left; height: 31px; background: #202424 url('/gfx/bg_parentnav_right.gif') top right no-repeat; }
#nav_parent li a span { display: block; float: left;  height /**/: 31px; height: 25px !important; background: transparent url('/gfx/bg_parentnav_left.gif') top left no-repeat; display: block; color: #fff; font-size: 1.1em; font-weight: bold; padding: 6px 8px 0 8px; cursor: pointer; }
#nav_parent li a:hover, #nav_parent li a.on { background-position: right -31px; text-decoration: none; }
#nav_parent li a:hover span, #nav_parent li a.on span { background-position: left -31px;}

#nav_sub ul { padding: 0; margin: 0;  clear: both; padding: 1px 6px 0 6px; }
#nav_sub li { display: inline; float: left; height /**/: 31px; height: 23px !important; padding: 3px 8px 0 6px; margin: 2px 0 0 0; background:transparent url('/gfx/bg_subnav_divider.gif') bottom right no-repeat; }
#nav_sub li.last{ background: none; }
#nav_sub li a { color: #fff; }

/** Search bar **/
#searchbar {
	height /**/: 42px;
	height: 43px !important;
	background:#b3b6b8 url('/gfx/bg_searchbar.gif') top left repeat-x; 
	border-bottom: 1px #a3a4a4 solid;
	clear: both;
}

	#search {
		width: 310px !important;
		width /**/: 324px;
		float: left;
		padding: 11px 0 0 14px;
		margin: 0;
		height: 31px !important;
		height /**/: 42px;		
	}
	
		#search label, #supplier label {
			color: #fff;
			font-weight: bold;
			float: left;
			padding: 5px 5px 0 0;
			float: left;
		}
		
		
		
		#txtSearch, #txtSearchSupplier { width: 176px; }
		.textbox { width: 192px; float: left;}
		.submitbutton { width: 43px; float: left; padding-top: 1px;}
	
	#supplier {
		width: 390px !important;
		width /**/: 626px;
		float: left;
		text-align: right;
		padding: 11px 0 0 236px;
	}
	
/** Content **/
#contentcontainer {
	border-top: 1px #fff solid;
	margin-bottom: 20px;
}

	#trail {
		width: 950px;
		height /**/: 48px;
		height: 29px !important;
		background: #ededed url('/gfx/bg_trail.gif') top left no-repeat;
		margin-bottom: 19px;
	}
	
		#home_icon {
			width /**/: 74px;
			width: 54px !important;
			height /**/: 29px;
			height: 24px !important;
			padding: 5px 0 0 20px;
			float: left;
		}
		
		.trail_seperator { padding: 0 6px;}
		
		#trail a { 
			color: #fff;
			text-decoration: underline;
		}
		
		#trail a:hover { 
			color: #00808c;
			text-decoration: none;
			background-color: #fff;
		}
		
		#trail span {
			color: #fff;
		}
		
		#trail_items {
			padding-top: 7px;
		}

	#leftcol {
		width /**/: 215px;
		width: 194px !important;
		padding-right: 21px;
		float: left;
	}
	
	#menu {
		width: 194px;
		background: #ededed url('/gfx/menu_bg_sub.gif') top left repeat-y;
	}
	
		#menu h3 {
			background: #ededed url('/gfx/menu_bg_h3.gif') top left no-repeat;
			width /**/: 194px;
			width: 158px !important;
			color: #fff;
			font-size: 1.4em;
			padding: 13px 18px 13px 18px;
		}
		
		#menu #menu_base {
			width: 194px;
			height: 25px;
			background: #ededed url('/gfx/menu_bg_base.gif') top left no-repeat;
		}
		
		
		/** Menu level 1 **/
		#menu ul { margin: 0; padding: 0;}
		#menu ul li { list-style: none; }
		#menu ul li a { 
			background: #03616a url('/gfx/menu_bg_top.gif') 0 0 no-repeat;
			width /**/: 194px;
			width: 150px !important;
			display: block;
			color: #fff;
			font-size: 1.1em;
			font-weight: bold;
			padding: 12px 26px 12px 18px;
		}
		
		#menu ul li a:hover { 
			background: #efefef url('/gfx/menu_bg_top.gif') -194px 0 no-repeat;
			text-decoration:none;
		}
		
		#menu ul li a.on,
		#menu ul li a.open { 
			background: #efefef url('/gfx/menu_bg_top.gif') -388px 0 no-repeat;
			text-decoration:none;
		}
		
		/** Menu level 2 **/
		#menu ul ul {
			width: 190px;
			margin: 0 2px !important;
			padding: 6px 0 !important;
			border-top: 1px #ededed solid;
		}
		#menu ul ul li a { 
			background: #00808c url('/gfx/menu_bg_sub_arrow.gif') 1.4em 0.4em no-repeat;
			font-size: 1em;		
			padding: 6px 0;
			margin: 0 2px;
			width /**/: 190px;
			padding: 4px 16px 4px 30px;
			width: 136px !important;
		}

		#menu ul ul li a:hover, #menu ul ul li a.on { text-decoration: underline; background: #00808c url('/gfx/menu_bg_sub_arrow.gif') 1.4em 0.4em no-repeat;}
		
		#requirementslist {
			margin-top: 16px;
		}
		
		#requirementslist h3 {
			background: #ededed url('/gfx/bg_paneltop_h3.gif') top left no-repeat;
			width /**/: 194px;
			width: 158px !important;
			height /**/: 35px;
			height: 27px !important;
			color: #fff;
			padding: 8px 18px 0 18px;
			font-size: 1.4em;
			font-weight: bold;
			margin: 0;
		}
		
		#requirementspanel {
			width: 194px;
			background: #f8f8f8 url('/gfx/bg_panel.gif') top left repeat-y;
		}	
		
		#requirementspanel_inner {
			padding: 14px 18px;
			background: transparent url('/gfx/bg_search_panel.gif') bottom left no-repeat;
		}	
		
		#requirementspanel_inner p {
			padding: 6px 0 0 0;
		}
		
		#requirementspanel_inner span.title {
			color: #008592;
			font-weight: bold;
		}
		
		#requirementspanel_inner span.link {
			padding: 6px 0 0 16px;
			background: transparent url('/gfx/icon_linkarrow.gif') 0 0.6em no-repeat;
			font-weight: bold;
			cursor: pointer;
			color: #008592;
		}
		
		#requirementslist_table {
			border-top: 1px #c4c4c4 solid;
			border-bottom: 1px #c4c4c4 solid;
		}
		
		#requirementslist_table td {
			padding: 2px 0 0 0;
			font-size: 0.9em;
		}
		
		#requirementslist_table tr.bottomtr td {
			padding: 0 0 2px 0 !important;
		}
		
		#requirementslist_table img {
			cursor: pointer;
		}
		
		#requirementslist_help {
			display: none;
			font-size: 0.9em;
		}
		
		#requirementlist_supplier {
			font-size: 0.9em;
			font-weight: bold;
			padding: 2px 0 6px 0;
			display: none;
		}
		
		#requirementlist_supplier p {
			padding-bottom: 4px;
		}
		
		.supplier_textbox { float: left; width: 80px;}
		.supplier_submitbutton { float: left; width: 74px;}
		
	
		
	#content {
		width: 735px;
		float: left;
	}
	
		#content p {
			line-height: 1.5em;
			padding-bottom: 12px;
		}	
	
		/** COLUMN TYPES **/

		/* Full width - freestyle **/
		.main_col {
			width: 735px;
			float: left;
			background: #f8f8f8 url('/gfx/bg_main.gif') top left repeat-y;
		}
		
			.main_col h1 {
				background: #f8f8f8 url('/gfx/bg_main_h1.gif') top left no-repeat;
				width /**/: 735px;
				width: 703px !important;
				height /**/: 45px;
				height: 35px !important;
				padding: 10px 16px 0 16px;
				color: #fff;
				font-size: 1.8em;
			}
			
			.main_col_inner {
				width /**/: 735px;
				width: 703px !important;
				padding: 16px;
			}
			
			.main_col_top {
				width: 735px;
				height: 11px;
				background: #ededed url('/gfx/bg_main_top.gif') top left no-repeat;
			}
			
			.main_col_base {
				width: 735px;
				height: 11px;
				background: #ededed url('/gfx/bg_main_base.gif') bottom left no-repeat;
			}
			
			
			.mapdirections	{
				padding-top: 8px;
			}
		
		/* Main Left - news etc **/
		.mainleft_col {
			width /**/: 541px;
			width: 520px !important;
			margin: 0 21px 0 0;
			float: left;
			background: #f8f8f8 url('/gfx/bg_mainleft.gif') top left repeat-y;
		}
		
			.mainleft_col h1 {
				background: #f8f8f8 url('/gfx/bg_mainleft_h1.gif') top left no-repeat;
				width /**/: 520px;
				width: 488px !important;
				height /**/: 45px;
				height: 35px !important;
				padding: 10px 16px 0 16px;
				color: #fff;
				font-size: 1.8em;
			}
			
			.mainleft_col_inner {
				width /**/: 520px;
				width: 488px !important;
				padding: 16px;
			}
			
			.mainleft_col_base {
				width: 520px;
				height: 9px;
				background: #ededed url('/gfx/bg_mainleft_base.gif') top left no-repeat;
			}
			
			.imgdesc {
				width /**/: 490px;
				width: 458px !important;
				height /**/: 52px;
				height: 25px !important;
				background: #f8f8f8 url('/gfx/bg_mainleft_img.gif') top left no-repeat;
				padding: 11px 16px 0 16px;
				margin-bottom: 16px;
				font-size: 0.9em;
			}
		
		/* Right col */
		.right_col {
			width: 194px;
			float: left;
		}
		
			div.paneltop h3 {
				background: #ededed url('/gfx/bg_paneltop_h3.gif') top left no-repeat;
				width /**/: 194px;
				width: 158px !important;
				height /**/: 35px;
				height: 27px !important;
				color: #fff;
				padding: 8px 18px 0 18px;
				font-size: 1.4em;
				font-weight: bold;
				margin: 0;
			}
			
			div.panel h3 {
				background: #ededed url('/gfx/bg_panel_h3.gif') top left repeat-x;
				width /**/: 194px;
				width: 158px !important;
				height /**/: 34px;
				height: 27px !important;
				color: #fff;
				padding: 7px 18px 0 18px;
				font-size: 1.4em;
				font-weight: bold;
				margin: 0;
			}
			
				div.panel_inner {
					padding: 14px 18px;
					background: #f8f8f8 url('/gfx/bg_panel.gif') top left repeat-y;
				}	
				
				div.search_panel_inner {
					padding: 14px 18px;
					background: #f8f8f8 url('/gfx/bg_search_panel.gif') bottom left no-repeat;
				}	
				
				div.search_panel_inner p {
					padding-bottom: 6px;
				}
				
				div.panel_inner ul { padding: 0; margin: 0; }
				div.panel_inner ul li { list-style: none; background: #f8f8f8 url('/gfx/gfx_bullet.gif') 0 0.3em no-repeat; padding: 0 0 6px 12px; }
				
				
		
#printpage {
	background: #f8f8f8 url('/gfx/icon_print.gif') 0 0.2em no-repeat;
	padding-left: 16px;
	margin-left: 6px;
	/*
	padding-left: 18px;
	padding-right: 6px;
	*/
}

#emailto {
	background: #f8f8f8 url('/gfx/icon_mail.gif') 0 0.3em no-repeat;
	padding-left: 16px;
	margin-left: 6px;
}	

#backtotop {
	background: #f8f8f8 url('/gfx/icon_top.gif') 0 0em no-repeat;
	padding-left: 18px;
	padding-right: 6px;
	/*
	margin-top: 12px;
	font-weight: bold;
	clear: both;
	display:block;*/
}


		
		/* ---------------------------------------------------------------------------------------------- */

/** Footer **/
#footer {
	margin-top: 22px;
	width: 950px;
	border-top: 1px #b0b0b0 solid;
	border-bottom: 1px #b0b0b0 solid;
	clear: both;
}

	#copyright { width: 400px; float: left; color: #909198; font-weight: bold; padding: 12px 0;}
	#footerlinks { width: 550px; float: left;}
	
		#footerlinks ul {
			padding: 0;
			margin: 0;
			list-style: none;
			float: right;
			padding: 12px 0;
		}
	
		#footerlinks ul li {
			display: inline;
			float: left;
			border-right: 1px #b0b0b0 solid;
			padding-right: 6px;
			margin-right: 6px;
			font-weight: bold;
		}
		
		#footerlinks ul li.last { margin: 0; padding: 0; border: none; }
		
#sitemap { clear: both; display: none; background-color: #fff; padding: 0 0 24px 0;}

#sitemap ul { padding: 0 0 0 50px; margin: 0;}
#sitemap ul li { list-style: none; padding: 0 0 12px 0; }
#sitemap ul li a { color: #909194; font-weight: bold; text-decoration: none; font-size: 1.2em;}
#sitemap ul li a:hover { color: #017580; text-decoration: underline;}
#sitemap ul ul { padding: 6px 0 0 10px; margin: 0;}
#sitemap ul ul li { list-style: none; padding: 0 0 6px 0;}
#sitemap ul ul li a {color: #909194;text-decoration: none; font-weight: normal; font-size: 1em;}
#sitemap ul ul li a:hover {color: #017580; text-decoration: underline;}

.sitemap_column { width: 230px; float: left; }

#sitemap h2 {color: #909194; font-size: 1.6em; font-weight: bold; border-bottom: 1px #dadada solid; padding: 24px 20px 18px 20px; }
#sitemap_base { background: #ededed url('/gfx/bg_sitemapbase.gif') top left repeat-x;  cursor: pointer; clear: both; margin-top: 1px; padding: 0 0 0 801px;}
#sitemap_base_button { 
	background: #ededed url('/gfx/btn_sitemap.gif') top left no-repeat; 
	width: 137px !important; 
	width /**/: 149px; 
	height: 24px !important; 
	height /**/: 29px; 
	color: #fff;
	font-weight: bold;
	padding: 5px 0 0 12px;
}

#logo2 { width: 144px; float: left; margin-top:8px;}
#registration { width /**/: 806px; width: 794px !important; float: left; color: #909198; /*font-weight: bold;*/ font-size: 0.9em; padding: 10px 12px 0 0; text-align:right; margin-top:8px;}
/*#fivesite { width: 106px; float: left; padding: 12px 0 0 0; margin-top:8px;}*/
#fivesite { clear: both; text-align:right; margin-right: 20px;}


#userselector {
	width: 341px;
	height: 240px;
	display: none;
}

#TB_window {
	background: transparent url('/gfx/bg_user_selector.png') top left no-repeat !important;
}

#TB_window h2 { color: #fff; padding: 0 0 6px 0; text-transform:none !important;}
#TB_window p { color: #fff;padding: 0 0 6px 0; display:block; width: 320px;}
#TB_window label { color: #fff;}

/** Helper Classes **/
.right { float: right; }
.hidden { display: none; visibility: hidden; }
.noBorder { border: none; }
.cleaner {
	clear: both;	
	font-size: 1px;
	border: none;
	margin: 0;
	padding: 0;	
}