@charset "utf-8";
/* 
= CSS Document  ===========================================
	
	Site: 			Beacon Purchasing
	Author: 		Steven Gibbons | Union Room
	Created: 		20th January 2009
	Updated: 	
	Copyright: 	(c) 2009, www.beaconpurchasing.co.uk
	
===========================================================
*/

/* =============================== START Tags & Global Elements =============================== */
* { margin: 0; padding: 0; }
html { font-size: 100%; }
body { width: 100%; min-width: 880px; font-size: 62.5%; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 30px 0; }
a { }
a:hover {  }
a.external {}
a#unionroom {}
a#unionroom:hover {}
a img { border: none; }
acronym { border-bottom: 1px dotted; cursor: help; }
p { font-size: 1.2em; color: #999; margin: 0; line-height: 1.5; margin: 0; padding: 0 0 10px 0; text-align: left; }
/* =============================== END Tags & Global Elements =============================== */


/* =============================== START Structure Elements =============================== */

a#twitter { position: absolute; top: 48px; right: 0; width: 213px; height: 54px; background: url('../img/iR/twitter.png') no-repeat; }

div.wrapper { position: relative; width: 960px; margin: 0; padding: 0 0 20px 0; }

div#hdr { width: 100%; height: 82px; background: #0085C4; padding: 13px 0; }
	div#hdr h1 { float: left; margin: 0 0 0 24px; width: 82px; height: 82px; background: url('../img/h1_logo.jpg') no-repeat; }
	div#hdr p { float: right; color: #FFF300; margin: 15px 0 0 0; }
	div#hdr p a { color: #FFF300; font-weight: bold; }
		div#hdr p a:hover { text-decoration: none; }

div#wrapper { width: 960px; margin: 0; padding: 0; }
div#content { width: 960px; }
div#content #left { float: left; width: 210px; }

div#content #left h2 { margin: 0 0 20px 0; width: 210px; height: 229px; background: url('../img/v2/logo.jpg') no-repeat; }

div#content #left ol li { border-right: 1px solid #D6EDBE; list-style: none; float: left; }
div#content #left ol li p { line-height: 1.7; }
div#content #left ol li #hint { position: absolute; top: 20px; left: 120px; width: 25px; height: 25px; background: url('../img/hints_icon.gif') no-repeat; }
div#content #left ol li #tip { position: absolute; top: 92px; left: 65px; width: 25px; height: 25px; background: url('../img/products_icon.gif') no-repeat; }

div#content #left a { color: #7FC531; text-decoration: none; }
div#content #left a:hover { color: #7FC531; text-decoration: underline; }

div#content #left ul { margin: 0 0 0 30px; padding: 0; float: none; width: auto; }
div#content #left ul li { margin: 0; padding: 0 0 10px 0; float: none; }
div#content #left ul li a { color: #999; font-size: 1.2em; text-decoration: none; }
div#content #left ul li a.active,
div#content #left ul li a:hover { color: #7FC531; text-decoration: none; border-top: 2px solid #7FC531; }

div#content #left #ebulletinAd { position: relative; margin: 20px 0 0 30px; width: 165px; height: 188px; background: url('../img/v2/ebulletin.jpg') no-repeat; }
div#content #left #ebulletinAd a { position: absolute; bottom: 15px; left: 15px; width: 135px; height: 24px; background: url('../img/v2/subscribe.jpg') no-repeat; }
div#content #left #ebulletinAd a:hover { width: 135px; height: 24px; background: url('../img/v2/subscribe.jpg') no-repeat bottom; }

div#content #right { float: right; width: 715px; padding: 0 0 0 24px; border-left: 1px solid #D6EDBE; }

div#content #right #inner_left { float: left; width: 305px; }
div#content #right #inner_left h3 { margin: 25px 0 25px 0; width: 279px; height: 47px; background: url('../img/v2/h3_enjoy.jpg') no-repeat; }
div#content #right #inner_left p { padding: 0 0 20px 0; line-height: 1.7; }
div#content #right #inner_left a { color: #7FC531; text-decoration: none; }
div#content #right #inner_left a:hover { color: #7FC531; text-decoration: underline; }

div#content #right #inner_right { float: right; width: 400px; }
div#content #right #inner_right #flash_hotel { margin: 25px 0 11px 0; height: 200px; }

div#content #right #inner_right a#new_features { margin: 0 0 10px 0; float: left; width: 231px; height: 195px; background: url('../img/v2/new_features.jpg') no-repeat; }
div#content #right #inner_right #web_awards { margin: 0 0 10px 0; float: right; width: 158px; height: 195px; background: url('../img/v2/web_awards.gif') no-repeat; }

div#content #right #inner_btm { width: 715px; }

#banner_eggs { float: left; width: 305px; height: 208px; background: url('../img/v2/banner.gif') no-repeat; }
#did_you_know { position: relative; float: right; width: 400px; height: 208px; background: url('../img/v2/did_you_know.jpg') no-repeat; }
#did_you_know a { position: absolute; z-index: 1000; top: 10px; right: 10px; width: 40px; height: 40px; background: url('../img/v2/a_did_you_know.jpg') no-repeat; }
#did_you_know a:focus { outline: none; }
#did_you_know div#switch { width: 371px; height: 208px; overflow: hidden; }
#did_you_know div#switch div#info_1 { margin: 70px 0 0 17px; width: 371px; height: 106px; background: url('../img/v2/did_you_know_1.jpg') no-repeat; }
#did_you_know div#switch div#info_2 { margin: 70px 0 0 17px; width: 371px; height: 106px; background: url('../img/v2/did_you_know_2.jpg') no-repeat; }
#did_you_know div#switch div#info_3 { margin: 70px 0 0 17px; width: 371px; height: 106px; background: url('../img/v2/did_you_know_3.jpg') no-repeat; }

#wide_banner { margin: 10px 0; width: 715px; height: 80px; background: url('../img/v2/wide_banner.jpg') no-repeat; }

#shop_1 { margin: 20px 0 0 0; float: left; width: 350px; height: 340px; background: url('../img/v2/shop_banner_1.jpg') no-repeat; }
#shop_2 { margin: 20px 0 0 0; float: right; width: 350px; height: 340px; background: url('../img/v2/shop_banner_2.jpg') no-repeat; }

#key { width: 514px; height: 132px; background: url('../img/v2/key.jpg') no-repeat; } }

#meta {}
#meta #meta_left { float: left!important; width: 495px; }
#meta #meta_left h4 { float: none!important; }
#meta #meta_right { float: right; width: 220px; }

#meta a#products { float: left; margin: 0 10px 0 0; width: 220px; height: 40px; background: url('../img/v2/a_products.jpg') no-repeat 0 -40px; }
#meta a#products:hover { width: 220px; height: 40px; background: url('../img/v2/a_products.jpg') no-repeat 0 0; }
#meta a#products.inactive { width: 220px; height: 40px; background: url('../img/v2/a_products.jpg') no-repeat 0 -80px; }
#meta a#products.inactive:hover { width: 220px; height: 40px; background: url('../img/v2/a_products.jpg') no-repeat 0 0; }

#meta a#hints { float: left; width: 220px; height: 40px; background: url('../img/v2/a_hints.jpg') no-repeat 0 -40px; }
#meta a#hints:hover { width: 220px; height: 40px; background: url('../img/v2/a_hints.jpg') no-repeat 0 0; }
#meta a#hints.inactive { width: 220px; height: 40px; background: url('../img/v2/a_hints.jpg') no-repeat 0 -80px; }
#meta a#hints.inactive:hover { width: 220px; height: 40px; background: url('../img/v2/a_hints.jpg') no-repeat 0 0; }

#eLeft { margin: 10px 0 0 0; padding: 0 0 0 25px; float: left; width: 280px; height: 426px; background: url('../img/v2/e_bulletin.jpg') no-repeat; }
#eRight { margin: 10px 0 0 0; float: right; }

#eRight #banner_eggs { width: 400px; height: 208px; margin: 0 0 10px 0!important; float: none!important; background: url('../img/v2/banner_wide.gif') no-repeat; }
#eRight #did_you_know { float: none!important; }

div#ftr { width: 600px; height: 85px; padding: 0 0 20px 0; }
	div#ftr ul { float: left; margin: 15px 0 5px 24px; width: 600px; list-style: none; }
		div#ftr ul li span.spacer { padding: 0 5px; color: #999; }
		div#ftr ul li { float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; color: #999; }
		div#ftr ul li a { text-decoration: none; padding: 2px 0 0 0; color: #7FC531; }
			div#ftr ul li a.active,
			div#ftr ul li a:hover { text-decoration: underline; color: #7FC531; }
			
	div#ftr p { float: left; margin: 0 0 0 24px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; color: #999; padding: 0; }
	div#ftr p a { text-decoration: none; color: #7FC531; }
		div#ftr p a.active,
		div#ftr p a:hover { text-decoration: underline; }
		
	div#ftr div#green_tourism { position: relative; z-index: 9; left: 774px; top: 13px; margin: 0; width: 46px; height: 59px; background: url('../img/green_tourism.gif') top; }
	* + html div#ftr div#green_tourism { position: relative; z-index: 9; left: 280px; top: -36px; width: 46px; height: 59px; background: url('../img/green_tourism.gif') top; }
		div#ftr div#green_tourism:hover { width: 46px; height: 59px; background: url('../img/green_tourism.gif') bottom; }
		div#ftr div#green_tourism a { width: 46px; height: 59px; }
		
div#grass { margin: 60px 0 0 0; width: 100%; height: 88px; background: url('../img/grass.gif') repeat-x; }	
	div#grass div#flower { width: 56px; height: 68px; background: url('../img/flower.gif'); position: relative; left: 285px; bottom: 35px; }


	div#homepage_content { margin-left: 30px; margin-top: 20px; width: 830px; float: left; }
		div#homepage_content #topblock { width: 830px; clear: both; }
		div#homepage_content #topblock h4 { font-size: 2.2em; color: #7FC531; font-weight: normal; padding-bottom: 10px; }
		
		div#homepage_content #topblock a { color: #7FC531; }
		
			div#homepage_content #topblock #flash_hotel { width: 400px; height: 240px; float: right; margin-left: 30px; }
			
		div#homepage_content #bottomblock { width: 830px; clear: both; margin-top: 25px; }
 	
	div#content ul { float: none; margin: 0; width: 715px; list-style: none; }
	div#content ul li { float: none; margin: 0 10px 20px 0; }
		div#content ul li a { width: 190px; height: 190px; cursor: pointer!important; }
		div#content ul li #block1 { width: 190px; height: 190px; background: url('../img/block1.gif'); }
			div#content ul li #block1:hover { width: 190px; height: 190px; background: url('../img/block1.gif') bottom; }
		div#content ul li #block2 { width: 190px; height: 190px; background: url('../img/block2.jpg'); }
			div#content ul li #block2:hover { width: 190px; height: 190px; background: url('../img/block2.jpg') bottom; }
		div#content ul li #block3 { width: 190px; height: 190px; background: url('../img/block3.gif'); }
		div#content ul li #block4 { width: 190px; height: 190px; background: url('../img/block4.jpg'); margin: 0 -10px 0 0; }
			div#content ul li #block4:hover { width: 190px; height: 190px; background: url('../img/block4.jpg') bottom; }
		div#content ul li#block5 { width: 365px; height: 145px; margin: 0 10px; padding: 20px 15px 25px 0; }
			div#content ul li#block5 p { font-size: 1.2em; color: #999; margin: 0; line-height: 1.50; margin: 0; padding: 0 0 5px 0; text-align: left; }
		div#content ul li #block6 { width: 190px; height: 190px; background: url('../img/block6.jpg'); }
			div#content ul li #block6:hover { background: url('../img/block6.jpg') bottom; }
		div#content ul li #block7 { width: 190px; height: 190px; background: url('../img/block7.jpg'); margin: 0 -10px 0 0; }
			div#content ul li #block7:hover { width: 190px; height: 190px; background: url('../img/block7.jpg') bottom; }
			
	p.findOutMore { float: left; margin: 40px 0 0 0; width: 800px; font-size: 1.5em; }
		p.findOutMore a { color: #7FC531; text-decoration: none; }
			p.findOutMore a:hover { text-decoration: underline; }

div.green_hotel { width: 900px; height: 450px; margin: 25px 25px 0 25px; background: url('../img/v2/hotel.jpg'); border: 1px solid #999; }
	img.icon { padding: 0 10px 0 5px; margin: 0 0 -7px 0; }
	p.green_hotel { width: 900px; }
	
	div#content ul.suppliers { float: left; margin: 0 0 40px 0; width: 715px; list-style: none; }
	div#content ul.suppliers li { float: left; margin: 0; border: 1px solid #E5E5E5; border-width: 1px 1px 0 0; }
	div#content ul.suppliers li.first_row { border-top: none; }
	div#content ul.suppliers li.end_column { border-right: none; }
	div#content ul.suppliers li.empty { border: 1px solid #E5E5E5; border-width: 1px 0 0 0; width: 177px; height: 112px; }
		div#content ul.suppliers li a { width: 177px; height: 112px; cursor: pointer!important; }
		div#content ul.suppliers li a:hover { background-position: bottom; }

div.container .column_left { float: left; width: 190px; }
	div.container .column_left p { font-weight: bold; padding: 0 10px 0 0; }
	div.container .column_left img { float: left; margin: 10px 10px 0 0; clear: both; }
	div.container .column_left a.beacon { background: none!important; margin: 0!important; padding: 0!important; }

	div.container .column_left a { float: left; margin: 10px 0 0 0; width: 132px; height: 25px; background: url('../img/suppliers_page/back_to_suppliers.gif') top; }
		div.container .column_left a:hover { background: url('../img/suppliers_page/back_to_suppliers.gif') bottom; }
	div.container .column_left a.back { float: right; margin: 10px 16px 0 0; width: 52px; height: 25px; background: url('../img/suppliers_page/back.gif') top; }
		div.container .column_left a.back:hover { background: url('../img/suppliers_page/back.gif') bottom; }
	div.container .column_left .hints_tips { float: right; margin: 20px 15px 0 0; width: 133px; height: 131px; background: url('../img/suppliers_page/hints_tip.gif'); }
	div.container .column_left .hints_tips:hover { background: url('../img/suppliers_page/hints_tip.gif') bottom; }
		div.container .column_left .hints_tips a { width: 133px; height: 131px; background: none; }	
	div.container .column_left .products_tip { float: right; margin: 20px 15px 0 0; width: 133px; height: 131px; background: url('../img/suppliers_page/products_tip.gif'); }
	div.container .column_left .products_tip:hover { background: url('../img/suppliers_page/products_tip.gif') bottom; }
		div.container .column_left .products_tip a { width: 133px; height: 131px; background: none; }
div.container .column_right { float: right; width: 639px; padding: 0 25px; border: 1px solid #E5E5E5; border-width: 0 0 0 1px; }
	div.container .column_right img {  }
	div.container .column_right .products { float: left; margin: 15px 10px 15px 0; width: 186px; height: 186px; background: url('../img/suppliers_page/products.gif'); }
	div.container .column_right .products:hover { background: url('../img/suppliers_page/products.gif') bottom; }
		div.container .column_right .products a { width: 186px; height: 186px; background: none; }
	div.container .column_right .hints_tips { float: left; margin: 15px 0; width: 186px; height: 186px; background: url('../img/suppliers_page/hints.gif'); }
	div.container .column_right .hints_tips:hover { background: url('../img/suppliers_page/hints.gif') bottom; }
		div.container .column_right .hints_tips a { width: 186px; height: 186px; background: none; }
div.container .column_right ul { margin: 0 0 10px 0!important; }
div.container .column_right ul li.product ul { margin: 0!important; }

	div.container .column_right h4.none { font-size: 1.8em; width: 650px; font-weight: bold; color: #7FC531; line-height: 1.5; margin: 10px 0 20px 0; padding: 0; text-align: left; }
div.container .column_right h4.heading { 
	color:#999999;
	font-size:1.4em;
	font-weight:bold;
	line-height:1.5;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0 0 10px;
	text-align:left;
}


* + html div.container .column_right ul li.product ul { margin: 0 0 0 30px!important; list-style: disc!important; }
* + html div.container .column_right ul li.product ul li { margin: 0 0 0 20px!important; list-style: disc!important; float: none!important; }

div.summary h5 { font-size: 2.6em; color: #999!important; margin: 0; line-height: 1.5; margin: 0; padding: 0 0 10px 0; text-align: left; font-weight: lighter; list-style: none;!important }
div.information h5 { font-size: 2.6em; color: #999!important; margin: 0; line-height: 1.5; margin: 0; padding: 0 0 10px 0; text-align: left; font-weight: lighter; list-style: none;!important }

p.moreinfo { margin: 10px 0 0 0; }
p.moreinfo a.more { width: 130px!important; height: 24px!important; background: url('../img/v2/a_read.jpg') no-repeat; }
p.moreinfo a.more.open { width: 130px!important; height: 24px!important; background: url('../img/v2/a_read.jpg') no-repeat bottom; }
p.moreinfo a.more:focus { outline: none!important; }

#google { margin: 0 0 20px 0; padding: 0 0 40px 0; border-bottom: 1px solid #D6EDBE; }
#google a#search_btn { float: left; width: 130px; height: 24px; background: url('../img/v2/a_search.jpg') no-repeat; }
#google a#search_btn:hover { width: 130px; height: 24px; background: url('../img/v2/a_search.jpg') no-repeat bottom; }
#google input { float: left; width: 560px; margin: 0 10px 0 0; padding: 3px 4px; border: 1px solid #B0B0B2; color: #7FC531; }

div.container { width: 715px; margin: 0; padding: 40px 0 0 0; }	
	div.container h3 { font-size: 5em; font-weight: bold; color: #7FC531; line-height: 1.0; margin: 0 0 10px 0; padding: 0; text-align: left; }
	div.container h4 { float: left; font-size: 3em; width: 715px; font-weight: bold; color: #7FC531; line-height: 1.0; margin: 0 0 10px 0; padding: 0; text-align: left; }

	div.container ul { list-style: none; }
	
	div.container p.border { margin: 0 0 20px 0; padding: 0 0 30px 0; border-bottom: 1px solid #D6EDBE; }
	
div.summary { margin: 0; padding: 0; }
	div.summary ul { margin: 0!important; padding: 0; list-style: disc!important; color: #999; }
		div.summary ul li { font-size: 1.2em; color: #999; line-height: 1.5; margin: 0 0 0 30px!important; padding: 0 0 10px 20px; text-align: left; list-style: none; background: url('../img/v2/green_bullet.jpg') no-repeat 0 6px; }

div.information { margin: 0; padding: 0 }
div.information img { margin: 10px 0; padding: 0; }
	div.information ul { margin: 0!important; padding: 0; list-style: disc!important; color: #999; }
		div.information ul li { font-size: 1.2em; color: #999; line-height: 1.5; margin: 0 0 0 30px!important; padding: 0 0 10px 20px; text-align: left; list-style: none; background: url('../img/v2/green_bullet.jpg') no-repeat 0 6px; }
div.information.hide { display: none; }


div.summary ul li { float: none!important; }

ul#newsList {}
ul#newsList li { margin: 0 0 20px 0; padding: 0 0 10px 0; border-bottom: 1px solid #D6EDBE; }
	ul#newsList li p.meta { font-size: 1.1em; color: #7FC531; }
	ul#newsList li div.content { display: none; }
	ul#newsList li div.content.show { display: block; }
	ul#newsList li div.summary.hide { display: none; }

div.container ul.generic { margin: 0!important; padding: 0; list-style: disc!important; color: #999; }
	div.container ul.generic li { font-size: 1.2em; color: #999; line-height: 1.5; margin: 0 0 0 30px!important; padding: 0 0 10px 20px; text-align: left; list-style: none; background: url('../img/v2/green_bullet.jpg') no-repeat 0 6px; }

div.container ul.contact { margin: 0!important; padding: 0; list-style: none; color: #999; }
	div.container ul.contact li { font-size: 1.2em; color: #999; margin: 0!important; line-height: 1.5; margin: 0; padding: 0 0 5px 0; text-align: left; }
	div.container ul.contact li a { text-decoration: none; padding: 0 15px 0 0; color: #7FC531; }
		div.container ul.contact li a:hover { text-decoration: underline; }
div.container ul.address { margin: 25px 0!important; padding: 0; list-style: none; color: #999; }
	div.container ul.address li { font-size: 1.2em; color: #999; margin: 0!important; line-height: 1.5; margin: 0; padding: 0 0 5px 0; text-align: left; }

	div.container a { text-decoration: none; padding: 0; color: #7FC531; }
		div.container a:hover { text-decoration: underline; }
		
	div.container ul.sitemap { margin: 0!important; padding: 0; list-style: disc!important; color: #999; }
		div.container ul.sitemap li { font-size: 1.2em; color: #999; margin: 0 0 0 30px!important; line-height: 1.5; margin: 0; padding: 0 0 10px 0; text-align: left; }

form#feedback {}
form#feedback ul { width: auto; }
form#feedback input.text { width: 300px; margin: 0 10px 0 0; padding: 3px 4px; border: 1px solid #B0B0B2; color: #7FC531; }
form#feedback a { width: 130px; height: 24px; padding: 0 !important; background: url('../img/iR/search.gif'); }
form#feedback a:hover { width: 130px; height: 24px; padding: 0 !important; background: url('../img/iR/search.gif') bottom; }

form#newsletter table {}
form#newsletter table th, form#newsletter table td { padding: 5px 0 5px 20px; color: #7FC531; font-size: 1.2em; }
form#newsletter table thead td { text-align: center !important; }
form#newsletter table input.text { float: left; width: 195px; padding: 2px 3px; color: #7FC531; border: 1px solid #B0B0B2; }
form#newsletter table input.postcode { width: 100px; padding: 2px 3px; color: #7FC531; border: 1px solid #B0B0B2;}
form#newsletter table span.fl { margin: 0 0 0 5px; float: left; display: inline; }
#yell4postcode_drpAddress { width: 238px!important; height: 50px!important; }

* + html form#newsletter table input.postcode { width: 115px; padding: 2px 3px; color: #7FC531; border: 1px solid #B0B0B2; margin: 0!important;}
* + html form#newsletter table input.postcodeButton { width: 92px; margin: 0!important;}

form#newsletter table select { width: 100px; padding: 2px 3px; color: #7FC531; border: 1px solid #B0B0B2; }
form#newsletter table select option.alt { background-color: #F7FBF0; }

form#newsletter table select#newsTypeBusiness { width: 218px; padding: 2px 3px; color: #7FC531; border: 1px solid #B0B0B2; }
form#newsletter table select#newsTypeBusiness option.alt { background-color: #F7FBF0; }

form#newsletter table select#newsPurchasingResponsibility { width: 218px; padding: 2px 3px; color: #7FC531; border: 1px solid #B0B0B2; }
form#newsletter table select#newsPurchasingResponsibility option.alt { background-color: #F7FBF0; }

form#newsletter table a.btnReplace { width: 130px; height: 24px; background: url('../img/v2/a_subscribe.jpg'); }
	form#newsletter table a.btnReplace:hover { width: 130px; height: 24px; background: url('../img/v2/a_subscribe.jpg') bottom; }
	
div#maincontentspan { margin: 0!important; width: 218px; }
* + html div#maincontentspan { margin: 0 0 -10px 0;!important; width: 218px; }
div#maincontentspan select#yell4postcode_drpAddress { border: 1px solid #B0B0B2; margin: 10px 0 0 0; width: 218px;!important }
* + html div#maincontentspan select#yell4postcode_drpAddress { border: 1px solid #B0B0B2; margin: 10px 0 0 0!important; width: 218px;!important }


div.addressSelect { font-size: 1.2em; color: #999; margin: 0; line-height: 1; margin: 15px 0 0 0!important; padding: 0; text-align: left; }
* + html div.addressSelect { font-size: 1.1em!important; color: #999; margin: 0; line-height: 1; margin: 5px 0 -10px 0!important; padding: 0; text-align: left; }


.btnReplace { background-position: top; background-repeat: no-repeat; display: block; }
.btnReplace span { width: 0px; height: 0px; overflow: hidden; display: block; }
a.btnReplace { visibility: hidden; }
a.btnReplace:hover { background-position: bottom; }

form#newsletter table .error { border: 1px solid #C00 !important; color: #C00 !important; background-color: #FFEEEE; }
form#newsletter table td.error { border: none !important; background-color: #D6EDBE; padding: 20px 0 10px 0; }

.hide { display: none; }

/*input.btnReplace { visibility: hidden; }*/
img.btnReplace { cursor: pointer; }

h3.supplierName { font-size: 1.2em; font-weight: bold; color: #7D7C7D; margin: 0 0 10px 0; }

.fLeft { float: left; }
.fRight { float: right; }
.tLeft { text-align: left; }
.tRight { text-align: right; }
.tCentre { text-align: center; }
.vTT { vertical-align: text-top; }
.bold { font-weight: bold; }
p.fade { color: #CCC; font-style: italic; }
	p.fade a { color: #B3DF82; text-decoration: none; }
	p.fade a:hover { color: #7FC531; text-decoration: underline; }
.noBold { font-weight: normal; }
.noBorder { border: none; }
.error { color: #DF0000; }
.hide { display: none; }
.green { color: #7FC531; }
.width { width: 600px!important; }
.upper { text-transform: uppercase!important; }
.marginLeft { margin: 20px 0 0 30px!important; }

div#unionroom { 
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1.1em;
color: #999;
padding: 0; 
width: 150px; 
float: right; 
text-align: right;
position: relative;
top: -15px;
left: 220px;
}
div#unionroom a { z-index: 100; color: #7FC531; text-decoration: none; }
div#unionroom a:hover { text-decoration: underline; background-position: top!important; }

.padding { margin: 10px 0 0 0; }

.imgReplace { background-position: top; background-repeat: no-repeat; display: block; }
.imgReplace span { width: 0px; height: 0px; overflow: hidden; display: block; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }