/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at  /menus/image_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#multi-level {height:30px; position:relative; z-index:100; background:#fff url(image_drop_back.gif) repeat-x; padding-left:20px; }

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */

.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif; font-size:11px;}

/* Set up the size of the list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */
.menu li.top a.top_link {display:block; float:left; height:30px; line-height:30px; text-decoration:none; color:#000; font-weight:bold; background: url(image_drop_1a.gif); padding:0;}
.menu li.top a.top_link span.span_top {display:block; float:left; height:30px; background: url(image_drop_1a.gif) right top; padding:0 20px 0 0;}
.menu li.top a.top_link b.b_top {display:block; float:left; height:30px; width:20px;}

.menu li.top a.top_link span.drop {background: url(image_drop_0a.gif) right top; padding:0 25px 0 0;}

.menu li a#home2 b.b_top {background:transparent url(home.gif) no-repeat center center;}
.menu li a#products b.b_top {background:transparent url(page.gif) no-repeat center center;}
.menu li a#services b.b_top {background:transparent url(monitor.gif) no-repeat center center;}
.menu li a#contacts b.b_top {background:transparent url(links.gif) no-repeat center center;}
.menu li a#shop b.b_top {background:transparent url(info.gif) no-repeat center center;}
.menu li a#privacy b.b_top {background:transparent url(page.gif) no-repeat center center;}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible; cursor:pointer; position:relative; }
.menu li:hover {position:relative; z-index:200;}

/* Style the top level links */
.menu li.top a.top_link:hover,
.menu li.top:hover a.top_link,
.menu li.active a.top_link {background: url(image_drop_1b.gif); color:#fff}
.menu li.top a.top_link:hover span.span_top,
.menu li.top:hover a.top_link span.span_top,
.menu li.active a.top_link span.span_top
 {background: url(image_drop_1b.gif) right top;}
 
 .menu li.top a.top_link:active span.span_top,
.menu li.top:active a.top_link span.span_top 
 {background: url(images/active.gif) right top;}
 
.menu li.top a.top_link:active,
.menu li.top:active a.top_link,
{background: url(images/active.gif); color:#fff}


.menu li.top a.top_link:active,
.menu li.top:active a.top_link  {background: url(images/active.gif); color:#fff}
 
.menu li.top a.top_link:hover span.drop,
.menu li.top:hover a.top_link span.drop {background: url(image_drop_0b.gif) right top;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

.sub  {

border:1px solid #000;

}
/* Style the drop down sub level links */
.menu :hover ul.sub {left:0; top:30px; background: transparent url(transparent.gif); padding:3px 0 0 0; white-space:nowrap; width:235px; height:auto;}
.menu :hover ul.sub li {display:block; float:left;}
.menu :hover ul.sub li a {display:block; float:left; height:25px; width:235px; line-height:25px; color:#000; text-decoration:none; padding:0; background: #FFDEAC;}

/* All this lot is for IE6, believe it or not, to style the fly outs */
.menu :hover ul.sub li a span,
.menu :hover ul.sub li a.fly:hover ul li a span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a span, 
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a span
{display:block; float:left;   height:25px; width:92px; padding:0 10px 0 5px; font-weight:normal; color:#000;}

.menu :hover ul.sub li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly span
{background: red right top; color:#000;}

.menu :hover ul.sub li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover ul li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover ul li a:hover ul li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover ul li a:hover ul li a:hover ul li a:hover
{background: #FFCA79; color:#000;}

.menu :hover ul.sub li a:hover span, 

/* the next two lines keep the menu trail :hover state for IE7 and non-IE browsers */
.menu :hover ul li:hover > a.fly {background:transparent; color:#000;}
.menu :hover ul li:hover > a.fly span {background:transparent; color:#fff;}

/* Style the images to the left of each link */
.menu ul.sub b {display:block; float:left; background:transparent url(book.gif) no-repeat center center; height:25px; width:25px;}
.menu ul.sub b.key {background:transparent url(key.gif) no-repeat center center;}
.menu ul.sub b.cog {background:transparent url(cog.gif) no-repeat center center;}
.menu ul.sub b.folder {background:transparent url(folder.gif) no-repeat center center;}
.menu ul.sub b.monitor {background:transparent url(monitor.gif) no-repeat center center;}
.menu ul.sub b.paint {background:transparent url(paint.gif) no-repeat center center;}
.menu ul.sub b.house {background:transparent url(house.gif) no-repeat center center;}
.menu ul.sub b.people {background:transparent url(people.gif) no-repeat center center;}
.menu ul.sub b.info {background:transparent url(info.gif) no-repeat center center;}
.menu ul.sub b.shop {background:transparent url(shop.gif) no-repeat center center;}
.menu ul.sub b.email {background:transparent url(email.gif) no-repeat center center;}
.menu ul.sub b.world {background:transparent url(world.gif) no-repeat center center;}
.menu ul.sub b.text {background:transparent url(text.gif) no-repeat center center;}
.menu ul.sub b.qmark {background:transparent url(qmark.gif) no-repeat center center;}
.menu ul.sub b.stop {background:transparent url(stop.gif) no-repeat center center;}
.menu ul.sub b.edit {background:transparent url(edit.gif) no-repeat center center;}

/* Position the flyouts */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:107px; top:0; background:transparent url(transparent.gif); padding:5px 5px 5px 0; white-space:nowrap; width:120px; z-index:200; height:auto;}
 
	
	Body { background: #fff url(images/bg.gif) repeat-x; margin: 0; padding: 0; font-family:verdana,arial,sans-serif;font-size:12px;}
	img,#newsbox,#maincontent,.midbox,.midboxb,.onecol  { behavior: url(iepngfix.htc); }
	#header {
		width: 749px;
		margin: 0 auto;
		height: 108px;
		overflow:hidden;
		background: url(images/header.gif) no-repeat;
	}
	
	#maincontent ul ul { margin-left:25px;}
	
	.headlogo{
		float:left;
		margin:0;
		padding:21px 0 0 24px;
		border:0; 
		width: 224px;
	}
	#header a img{ 
		border:0;
	}
	
	.phone {
		font-size:10px;
		color: #1a1a1a;
		font-family:arial,sans-serif;
		float:right;
		text-align:right;
		padding: 29px 45px 0 0 ;
	}
	.phone a {
		color: #000;
	}
	.phone span { 
		font-size:12px;
		height: 18px;
		color: #222;
		display: block;
	}
	
	.phone span a {
		color: #222;
	}
	
	
	
	h2.subline{ 
		font-size:11px;
		font-family: trebuchet ms,sans-serif;
		margin: 0;
		padding: 0 4px;
		text-align:center;
		width: 331px;
		float:left;
		
	}
	h2.subline a { color:#000;text-decoration:none;}
	
	#container {
		width: 749px;
		margin: 0 auto;
		background: #fff url(images/bg2.gif);
	}
	#container2 { background: url(images/bg3.jpg) no-repeat; }
	
	.innercontainer {
		width: 699px;
		margin:0 auto;
	}
	
	#foot1 {
		width: 749px;
		margin: 0 auto;
		height:64px;
		overflow:hidden;
		background: #fff url(images/bg4.gif);
	}
	
	#newsbox { 
		width: 687px;
		margin:10px auto;
		height: 66px;
		background: url(images/bg1.png);
		
	}
	
	.newsboxleft {
		width: 469px;
		float:left;
		height: 66px;
		overflow: auto;
		
	}
	.newsboxright {
		width: 218px;
		float:left;
		
	}
	
	
	.newsboxright a img { float:left; padding: 6px 4px }
	.newsboxleft h4 {
		font-size:11px;
		font-weight: bold;
				font-family: arial,sans-serif;

		margin: 0;
		padding: 5px 0 2px 5px;
	}
	.news  { 
		font-size:11px;
		font-family: arial,sans-serif;
		margin: 0;
		padding: 0 5px;
	}
	.news .date {
		font-weight:bold;
		padding-right: 5px;
	}
	
	.news a {
		font-weight:bold;
		color: #d40101;
		text-decoration: underline;
	}
	
	.newsboxrightright {
		float:left;
		width: 150px;
		height: 66px;
		overflow:auto;
		font-size:11px;
		font-family:arial,sans-serif;
	}
	.newsboxright { padding: 2px 0;text-align:center;}
	.newsboxright h4 {
		font-size:11px;
		font-weight:bold;
		margin: 0;
		padding:  5px 0;
	}
	.newsboxrightdesc { font-size:11px; font-family: arial,sans-serif; padding-right: 5px; line-height:11px;}
	
	.newsboxrightdesc a {
		font-weight:bold;
		color: #000;
	}
	
	
	#contentarea { 
		width: 687px;
		margin:10px auto; 
		background:    url(images/bg5.gif) ;
	}
	
	#contentarea.onecol {
	padding-top:5px;
		background: url(images/onecolbg.png) no-repeat;
	}
	.clearme { clear:both;}
	#maincontent { 
	width: 462px;
	margin-right:5px;
	float:left; 
	background:  url(images/50.png) ;
	
	}
	#sidebar { 
	width: 220px;
	float:left;}
	
	.item p , .item ul , .item table{
		font-family: arial,sans-serif;
		font-size:12px;
		margin: 7px;
	
	
	}
	
	.item h2 {
		font-family: trebuchet ms,arial,sans-serif;
		font-weight: normal;
		font-size:25px;
		margin: 7px;
		padding: 0 0 0px 3px;
		letter-spacing:1px;
		border-bottom: 1px solid #ffb74d;
		border-left: 0px solid #ffb74d;
	}
	
	.item h3 {
		font-family: trebuchet ms,arial,sans-serif;
		font-weight: normal;
		font-size:16px;
		margin: 17px 7px 7px 7px;
		padding: 0 0 0px 3px;
		letter-spacing:1px;
		border-bottom: 1px solid #ffb74d;
		border-left: 1px solid #ffb74d;
	
	}
/* OLD Logo dual colour
	.item h2 span {
	font-family: verdana,sans-serif;
	text-transform: lowercase;
		color: #ff9900;
		font-weight:normal;
 	}
	.item h2 span span {
		color: #cc6600;
		border-right:1px solid #FFB74D;
		padding-right: 3px;
	}
*/

	#innerfooter { 
	clear:both; 
			border: 1px solid #989898;
			border-width: 1px 0;
			width: 667px;
		margin:10px auto;
		background:#fff;
		padding: 10px;
		text-align:center;
		}
		
		#innerfooter img { 
		behavior : none;
		padding: 0 5px;
		vertical-align:middle;
		}
		#innerfooter2 {
			text-align:right;
			padding: 0px 10px;
			font-size:11px;
			font-family: arial,sans-serif;
		}
		
		#innerfooter2 a {
			color: #000;
			
			
		}
		.item a ,#sidebar a{
			color: #CC6600;
			font-weight:Bold;
			text-decoration:underline;
		}
		.item a:hover,#sidebar a:hover { 
			color:#0091D9;
		}
		.cenimg { text-align:center;}
		a img { border:0;}
		
		.mid { text-align:center; padding-top: 5px;}
		
		.midboxa {
			width: 691px;
			height: 229px;
			margin:0 auto;
			background: url(images/support.png);
			overflow:hidden;
			font-style: italic;
		}
		.text1 {
			float:left;
			width: 325px;
			padding-top:20px;
			padding-left:20px;
			font-size:18px;
			font-weight:bold;
			font-family:trebuchet ms,arial,sans-serif;
			color:#fff;
		}
		.text2 {
		}
		.midboxb {
			width: 682px;
			height: 218px;
			margin:5px auto;
			background: url(images/risk2.png);
			overflow:hidden;
			font-style: italic;
		}
		.midboxb  .text1 {
			width: 320px;
		}
		.text2 {
			float:left;
			width: 340px;
			font-family:trebuchet ms,arial,sans-serif;
			padding-top: 180px;
			font-size:24px;
			font-weight:bold;
			color:#fff;
		}
		.text1b { 
			width: 525px;
			padding-top:10px;
			padding-left:20px;
			font-size:24px;
			font-weight:bold;
			font-family:trebuchet ms,arial,sans-serif;
			color:#fff;
		}
		.midbox {
			width: 691px;
			height: 229px;
			margin:0 auto;
			background: url(images/support.png);
			overflow:hidden;
			font-style: italic;
		}
		.text1 {
			float:left;
			width: 325px;
			padding-top:20px;
			padding-left:20px;
			font-size:18px;
			font-weight:bold;
			font-family:trebuchet ms,arial,sans-serif;
			color:#fff;
		}
		.text2 {
			float:left;
			width: 340px;
						font-family:trebuchet ms,arial,sans-serif;

			padding-top: 180px;
			font-size:24px;
			font-weight:bold;
			color:#fff;
		
		}
		
		
		.quote {
			font-size:11px;
			font-family: verdana,sans-serif;
			text-align:right;
			font-style: italic;
			padding: 5px 15px;
		}
		.quote .byline {
			font-style: normal;
			font-weight:bold;
		}
		
		
		#sidebar h2 {
			margin:0;
			padding: 5px 15px;
			text-align:left;
			font-size:22px;
			font-family: trebuchet ms,verdana,sans-serif;
		}	
 
 
 form em { color: red;}
 
.f label{
float: left;
width: 120px;
font-weight: bold;
}

.f input, .f textarea{
width: 180px;
margin-bottom: 5px;
}



.f textarea{
width: 180px;
height: 150px;
}

.f .boxes{
width: 1em;
}

.f #submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}





form br{
clear: left;
}



.err { background:white;color:red;padding:10px;border:2px solid red;}

.bimg { margin:5px 15px; padding: 5px; border: 2px solid #FF9900;background:#fff;}

#maincontent ul { margin-left:30px;}

.noborder { border: 0 !important;}