@import url('/_css/forms.css');

body 	{
	margin: 0;
	padding: 0;
	background: #b5d7f4 url(http://www.lofa.co.uk/img/cssimg/bg_grad.jpg) 0 0 repeat-x;
	color: #000;
	text-align: center;
	font: 0.75em/1.4em "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, Sans-serif;
	}


a
	{
	color:#008047;
	text-decoration:underline;
	}

a:hover
	{
	color:#525252;
	text-decoration:none;
	
	}	
	
	
div 	{
	position:relative;
	}

img
	{
	border:none;
	}
	
.left
	{
	float:left;
	}

.right
	{
	float:right;
	}
	
.clear
	{
	clear:both;
	}
	
	
h1, h2, h3, h4 
	{
	margin: 0;
	padding: 0 0 0.5em;
	line-height: 1em;
	}

h1 
	{
	font-size: 1.8em;
	}

h2 
	{
	font-size: 1.3em;
	}

h3 
	{
	background: #FFF;
	color: #5E5D5C;
	font-size: 1.1em;
	}

ol, ul 
	{
	margin: 0 0 0 1.5em;
	padding: 0 0 1.5em;
	}

form
	{
	margin:0;
	padding:0;
	}
	
p
	{
	margin: 0;
	padding: 0 0 1.5em;
	font-size:1.1em;
	}

.hide 
	{
	position: absolute;
	left: -1200px;
	width: 1209px;
	}


div#bg_clouds
	{
	background: transparent url(http://www.lofa.co.uk/img/cssimg/bg_clouds.jpg) 50% 0 no-repeat;
	height:770px;
	display:block;
	}
	



div#page_bg
	{
	clear:both;
	background: transparent url(http://www.lofa.co.uk/img/cssimg/page_bg.png) 50% 0 repeat-y;
	}
	


div#page_bottom_bg
	{
	background: transparent url(http://www.lofa.co.uk/img/cssimg/page_bottom_bg.png) 50% 0 no-repeat;
	height:13px;
	}
	

	
div#pagegrass
	{
	width:780px;
	height:120px;
	margin:0 auto;
	background:#fff url(http://www.lofa.co.uk/img/cssimg/page_grass.gif) 50% 100% no-repeat;
	}
	
	

	
div#container
	{
	width:780px;
	text-align:left;
	margin:0 auto;
	}
	
	
div#header
	{
	background: transparent url(http://www.lofa.co.uk/img/cssimg/header_bg.gif) 0 0 repeat-x;
	width:780px;
	height:175px;
	}
	

div#headerleft
	{
	position:absolute;
	top:0;
	left:0;
	width:13px;
	height:175px;
	background: transparent url(http://www.lofa.co.uk/img/cssimg/header_left_bg.gif) 0 0 no-repeat;
	}
	
	
div#headerright
	{
	position:absolute;
	top:0;
	right:0;
	width:13px;
	height:175px;
	background: transparent url(http://www.lofa.co.uk/img/cssimg/header_right_bg.gif) 0 0 no-repeat;
	}

	
div#header #logo
	{
	position:relative;
	top:36px;
	left:16px;
	width:191px;
	height:139px;
	background:transparent url(http://www.lofa.co.uk/img/cssimg/logo_bg.gif) 0 0 no-repeat;
	}

	
div#header #logo h1
	{
	position:relative;
	top:12px;
	left:28px;
	background:transparent url(http://www.lofa.co.uk/img/cssimg/lofa_logo.gif) 0 0 no-repeat;
	width:135px;
	height:129px;
	}
	
	
div#header #logo h1 a
	{
	display:block;
	width:135px;
	height:129px;
	}
	
	
div#header ul
	{
	position:absolute;
	top:5px;
	left:355px;
	margin:0;
	padding:0;
	display:block;
	list-style:none;
	}
	
	
div#header ul li
	{
	float:left;
	display:block;
	position:static;
	width:64px;
	height:75px;
	margin-right:20px;
	}

	
div#header ul li a
	{
	cursor:pointer;
	display:block;
	width:64px;
	height:75px;
	}	

		
div#header ul li.login a
	{
	background:transparent url(http://www.lofa.co.uk/img/cssimg/un_login.png) 0 0 no-repeat;
	}
	
div#header ul li.about a
	{
	background:transparent url(http://www.lofa.co.uk/img/cssimg/un_list.png) 0 0 no-repeat;
	}

div#header ul li.sitemap
	{
	margin-right:10px;
	}
	
div#header ul li.sitemap a
	{
	background:transparent url(http://www.lofa.co.uk/img/cssimg/un_sitemap.png) 0 0 no-repeat;
	}	

div#header ul li.links a
	{
	background:transparent url(http://www.lofa.co.uk/img/cssimg/un_links.png) 0 0 no-repeat;
	}
	
div#header ul li.code a
	{
	background:transparent url(http://www.lofa.co.uk/img/cssimg/un_code.png) 0 0 no-repeat;
	}	
	


div#header #search
	{
	margin-top:-30px;
	background:transparent url(http://www.lofa.co.uk/img/cssimg/searchicon.png) 0 0 no-repeat;
	margin-left:500px;
	width:210px;
	height:37px;
	padding-left:45px;
	}
	

	
div#header #search input
	{
	margin-top:17px;
	background: transparent url(http://www.lofa.co.uk/img/cssimg/search_bg.gif);
	border:none;
	height:18px;
	width:140px;
	}
	

* html div#header #search input
	{
	margin-top:16px;
	height:19px;
	
	}



div#header #search #searchbutton
	{
	float:right;
	width:57px;
	height:21px;
	margin-top:-21px;
	}
	
	
* html 	div#header #search #searchbutton
	{
	margin-top:-22px;
	}

div#left
	{
	float:left;
	margin-left:16px;
	width:191px;
	display:inline;
	}
	
	
div#left #leftnav
	{
	padding-bottom:17px;
	background:transparent url(http://www.lofa.co.uk/img/cssimg/leftnav_bottom.gif) 0 100% no-repeat;
	margin-bottom:14px;
	}
	
	
div#left #leftnav ul
	{
	list-style:none;
	margin:0;
	padding:37px 0 0 0;
	border-left:1px solid #494949;
	border-right:1px  solid #494949;
	width:189px;
	}
	
	
div#left #leftnav ul li
	{
	margin:0;
	padding:0;
	}
	
	
div#left #leftnav ul li a
	{
	display:block;
	width:189px;
	height:51px;	
	}
		
div#left #leftnav ul li a
	{
	position:relative;
	width:189px;
	height:51px;
	display:block;
	border:1px red;
	background:red;
	}
	
div#left #leftnav ul li.home a, div#left #leftnav ul li.home
	{
	background:transparent url(http://www.lofa.co.uk/img/cssimg/leftnav_home.gif) 0 0 no-repeat;
	}
	
div#left #leftnav ul li.home a:hover 	
	{
	background:transparent url(http://www.lofa.co.uk/img/cssimg/leftnav_home_ovr.gif) 0 0 no-repeat;
	}

div#left #leftnav ul li.products a, div#left #leftnav ul li.products
	{
	background:transparent url(http://www.lofa.co.uk/img/cssimg/leftnav_products.gif) 0 0 no-repeat;
	}
	
div#left #leftnav ul li.products a:hover 	
	{
	background:transparent url(http://www.lofa.co.uk/img/cssimg/leftnav_products_ovr.gif) 0 0 no-repeat;
	}

/*NEW ITEM DUE TO NAV CHANGE WITH ABOUT AND MEMBERS LIST - NEED TO CHANGE IMAGE NAMES TO SUIT OF COURSE*/	
div#left #leftnav ul li.list a, div#left #leftnav ul li.list
	{
	background:transparent url(http://www.lofa.co.uk/img/cssimg/leftnav_about.gif) 0 0 no-repeat;
	}

div#left #leftnav ul li.list a:hover 	
	{
	background:transparent url(http://www.lofa.co.uk/img/cssimg/leftnav_about_ovr.gif) 0 0 no-repeat;
	}
      
div#left #leftnav ul li.help a, div#left #leftnav ul li.help
	{
	background:transparent url(http://www.lofa.co.uk/img/cssimg/leftnav_help.gif) 0 0 no-repeat;
	}

div#left #leftnav ul li.help a:hover 	
	{
	background:transparent url(http://www.lofa.co.uk/img/cssimg/leftnav_help_ovr.gif) 0 0 no-repeat;
	}

div#left #leftnav ul li.latest a, div#left #leftnav ul li.latest
	{
	background:transparent url(http://www.lofa.co.uk/img/cssimg/leftnav_latest.gif) 0 0 no-repeat;
	}

div#left #leftnav ul li.latest a:hover 	
	{
	background:transparent url(http://www.lofa.co.uk/img/cssimg/leftnav_latest_ovr.gif) 0 0 no-repeat;
	}

div#left #leftnav ul li.press a, div#left #leftnav ul li.press
	{
	background:transparent url(http://www.lofa.co.uk/img/cssimg/leftnav_press.gif) 0 0 no-repeat;
	}

div#left #leftnav ul li.press a:hover 	
	{
	background:transparent url(http://www.lofa.co.uk/img/cssimg/leftnav_press_ovr.gif) 0 0 no-repeat;
	}

div#left #leftnav ul li.contact a, div#left #leftnav ul li.contact
	{
	background:transparent url(http://www.lofa.co.uk/img/cssimg/leftnav_contact.gif) 0 0 no-repeat;
	}

div#left #leftnav ul li.contact a:hover 	
	{
	background:transparent url(http://www.lofa.co.uk/img/cssimg/leftnav_contact_ovr.gif) 0 0 no-repeat;
	}

div#left h2
	{
	background:transparent url(http://www.lofa.co.uk/img/cssimg/biggestrange.gif) 0 0 no-repeat;
	width:191px;
	height:203px;
	}
	
	
div#left #leftbox

	{
	border-left:1px solid #494949;
	border-right:1px solid #494949;
	width:150px;
	padding:0 20px;
	}
div#left #leftbox h3
	{
	color:#4b2d8c;
	
	}
div#left #leftbox p
	{
	
	font-size:1em;
	line-height:1.2em;
	
	}
	
div#left #leftboxtop
	{
	width:192px;
	height:11px;
	
	background:transparent url(http://www.lofa.co.uk/img/cssimg/leftbox_top.gif) 0 100% no-repeat;
	}
	
div#left #leftboxbottom
	{
	width:192px;
	height:11px;
	background:transparent url(http://www.lofa.co.uk/img/cssimg/leftbox_bottom.gif) 0 0 no-repeat;
	}
	
div#main
	{
	float:left;
	width:561px;
	margin:6px 0 0 6px;
	}
	

div#main #latestnews

	{
	overflow:hidden;
	width:559px;
	height:24px;
	line-height:24px;
	border:1px solid #494949;
	margin-bottom:6px;
	}
	
div#main #latestnews h3
	{
	background:transparent url(http://www.lofa.co.uk/img/cssimg/latestnews_home.gif) 0 0 no-repeat;
	width:102px;
	height:24px;
	float:left;
	margin:0;
	padding:0;
	}
	
div#main #latestnews h3 a
	{
	width:102px;
	height:24px;
	display:block;
	}
	
	
div#main #latestnews #ticker
	{
	position:absolute;
	width:455px;
	overflow:hidden;
	left:100px;
	}
	
	

div#main #latestnews p
	{
	float:left;
	margin:0;
	padding:0;
	line-height:24px;
	margin-left:5px;
	}
	
	
div#main img.headergraphic
	{
	margin-bottom:20px;
	}
	
	
div#main #maincopy
	{
	margin:10px 23px 0 23px;
	}
	
div #maincopymembers
	{
	margin:10px 0px 0 6px;
	}
	
div#main #maincopy h2
	{
	color:#4b2d8c;
	font-size:2.8em;
	padding-bottom:10px;
	letter-spacing: -2px;
	}
	
div#main #maincopy h3
	{
	color:#008349;
	padding-bottom:15px;
	line-height:1.3em;
	font-size:1.25em;

	}
	
div#main #maincopy .rule
	{
	width:518px;
	height:2px;
	border-top:1px solid #474747;
	border-bottom:1px solid #474747;
	}
	
div#main #maincopy .rule hr
	{
	display:none;
	}
	
div#main #maincopy #featureboxes 
	{
	margin-top:30px;
	}



div#main #subnav
	{
	
	background:transparent url(http://www.lofa.co.uk/img/cssimg/subnav_bg.gif) 0 0 repeat-x;
	height:30px;
	width:561px;
	margin:1em 0 1em 0;
	}
	
div#main #subnav #leftbg, div#main #subnav #rightbg
	{
	z-index:0;
	position:absolute;
	width:122px;
	height:30px;
	}
	
div#main #subnav #leftbg
	{
	left:0;
	background:transparent url(http://www.lofa.co.uk/img/cssimg/subnav_left_bg.gif) 0 0 no-repeat;
	}
	
	
div#main #subnav #rightbg
	{
	right:0;
	background:transparent url(http://www.lofa.co.uk/img/cssimg/subnav_right_bg.gif) 0 0 no-repeat;
	}
	
* html div#main #subnav #rightbg
	{
	right:-1px;
	}

div#main #subnav ul
	{
	position:absolute;
	z-index:1;
	left:10px;
	list-style:none;
	margin:0;
	padding:0;
	font-weight:600;
	line-height:2.5em;
	}
	
* html div#main #subnav ul
	{
	left:5px;
	}
	

div#main #subnav ul li
	{
	display:inline;
	border-right:1px solid #494949;
	}
	
div#main #subnav ul li.last
	{
	border:none;
	}
	
	
* html 	div#main #subnav ul li
	{
	margin-left:5px;
	letter-spacing: -1px;
	}
	
	
html>body div#main #subnav ul li a
	{
	margin-right:3px;
	}
	
	
div#main #subnav ul li a
	{
	color:#454545;
	text-decoration:none;
	}

div#main #subnav ul li a:hover
	{
	text-decoration:underline;
	}
	
	
	
	
div#main #maincopy #type
	{
	padding:5px 0 5px 0;
	height:20px;
	border-top:1px solid #636363;
	border-bottom:1px solid #636363;
	margin-bottom:10px;
	}
	
body>html div#main #maincopy #type
	{
	margin:0;
	}
	
	
div#main #maincopy #type h4
	{
	color:#4b2d8c;
	font-weight:600;
	float:left;
	margin-right:10px;
	
	}

div#main #maincopy #type div
	{
	float:left;
	padding:0;
	margin:0;
	}

div#main #maincopy #type div select
	{
	margin:0 !important;
	padding:0 !important;
	width:100px;
	}



	
div#main #maincopy .companylistingtop
	{
	background: transparent url(http://www.lofa.co.uk/img/cssimg/cmpnylist_top.gif) 0 0 no-repeat;
	width:518px;
	height:12px;
	line-height:12px;
	}


div#main #maincopy .companylistingbottom
	{
	clear:both;
	background: transparent url(http://www.lofa.co.uk/img/cssimg/cmpnylist_bottom.gif) 0 100% no-repeat;
	width:518px;
	height:12px;
	}
	
		
div#main #maincopy .companylisting
	{
	background: transparent url(http://www.lofa.co.uk/img/cssimg/cmpnylist_bg.gif) 0  0 repeat-y;
	width:518px;
	clear:both;
	margin-top:10px;
	}
	
div#main #maincopy .companylisting p, div#main #maincopy .companylisting img, div#main #maincopy .companylisting h4, div#main #maincopy .companylisting ul
	{
	float:left;
	margin:0;
	padding:0;
	}
div#main #maincopy .companylisting img
	{
	margin-left:1px;
	}
	
div#main #maincopy .companylisting p
	{
	width:230px;
	color:#008047;
	line-height:1.2em;
	}
	
div#main #maincopy .companylisting p strong
	{
	color:#525252;
	font-size:1.2em;
	line-height:1em;
	}
	

div#main #maincopy .companylisting ul
	{
	list-style:none;

	}
	
div#main #maincopy .companylisting ul li
	{
	width:94px;
	height:21px;
	}
	
html>body div#main #maincopy .companylisting ul li
	{
	margin-bottom:5px;
	}
	
div#main #maincopy .companylisting ul li a
	{
	width:94px;
	height:21px;
	display:block;
	}



	
div#main #maincopy .companylisting ul.commerce li.info
	{
	background:transparent url(http://www.lofa.co.uk/img/cssimg/moreinfo_red.gif) 0 0 no-repeat;
	}
	
div#main #maincopy .companylisting ul.commerce li.website
	{
	background:transparent url(http://www.lofa.co.uk/img/cssimg/website_red.gif) 0 0 no-repeat;
	}
	
div#main #maincopy .companylisting ul.commerce li.contact
	{
	background:transparent url(http://www.lofa.co.uk/img/cssimg/contactus_red.gif) 0 0 no-repeat;
	}
	


	
	
div#main #maincopy .companylisting ul.standard li.info
	{
	background:transparent url(http://www.lofa.co.uk/img/cssimg/moreinfo_grn.gif) 0 0 no-repeat;
	}
	
div#main #maincopy .companylisting ul.standard li.website
	{
	background:transparent url(http://www.lofa.co.uk/img/cssimg/website_grn.gif) 0 0 no-repeat;
	}
	
div#main #maincopy .companylisting ul.standard li.contact
	{
	background:transparent url(http://www.lofa.co.uk/img/cssimg/contactus_grn.gif) 0 0 no-repeat;
	}
	
	
	
	
div#main #maincopy .productlisting
	{
	float:left;
	background:transparent url(http://www.lofa.co.uk/img/cssimg/prdctlist_bg.gif) 0 0 repeat-y;
	width:252px;
	height:104px;
	margin:0 5px 5px 0;
	}

* html div#main #maincopy .productlisting
	{
	margin:0 10px 10px 0;
	}
	
div#main #maincopy .productlisting img
	{
	
	position:absolute;
	left:5px;
	top:5px;
	z-index:1;
	}
	

div#main #maincopy .productlisting .productlistingtop
	{
	background:transparent url(http://www.lofa.co.uk/img/cssimg/prdctlist_top.gif) 0 0 no-repeat;
	width:252px;
	height:11px;
	
	
	}
	
	
div#main #maincopy .productlisting .productlistingbottom
	{
	position:absolute;
	bottom:0;
	left:0;
	background:transparent url(http://www.lofa.co.uk/img/cssimg/prdctlist_bottom.gif) 0 100% no-repeat;
	width:252px;
	height:11px;
	clear:both;
	}
	
	
	
	
div#main #maincopy .productlisting .imgoverlay 
	{
	position:absolute;
	top:5px;
	left:5px;
	z-index:2;
	background:transparent url(http://www.lofa.co.uk/img/cssimg/prdctlist_overlay.png) 0 0 no-repeat;
	width:8px;
	height:95px;
	}
	
div#main #maincopy .productlisting h4
	{
	margin:0 0 0 120px;
	padding:0;
	overflow:hidden;
	color:#525252;
	font-size:1.4em;
	
	
	}

div#main #maincopy .productlisting p
	{
	margin-left:120px;
	}
	

div#main #maincopy .productlisting .link
	{
	
	position:absolute;
	bottom:10px;
	z-index:3;
	left:120px;
	display:block;
	font-weight:600;

	}
div#main #maincopy .productlisting .link a
	{
	color:#008047;
	text-decoration:none;
	}

div#main #maincopy .productlisting .link a:hover
	{
	color:#525252;
	
	text-decoration:underline;
	}
	
	
a:link {font-family:Trebuchet MS; font-size:11px;  color:#828282;}
a:visited {font-family:Trebuchet MS; font-size:11px;  color:#828282;}
a:active {font-family:Trebuchet MS; font-size:11px;  color:#828282;}
a:hover {font-family:Trebuchet MS; font-size:11px;  color:#839A2E;}

.scrollerstyle
	{
	font-family:webdings;background:#FFFFFF;border:0px solid #000000;cursor:hand;
	}
	
#strp {display:none;}