/* _________________________________________________________________________________________________________________________

The Fusion Group
John Mounsey
January 2005 (revised, November 2009)
_________________________________________________________________________________________________________________________ */


.on						{ display: inline !important; }
.hidden					{ display: none !important; }
.off						{ display: none !important; }



/* Home Page (introduction "panels") ... */

#group					{ display: none; }
#castings					{ display: none; }
#provida					{ display: inline; }
#hire-and-service			{ display: none; }
#pipe-systems				{ display: none; }
#meter					{ display: none; }
#lpg						{ display: none; }
#environmental				{ display: none; }
#g-source					{ display: none; }
#fusamatic				{ display: none; }
#international				{ display: none; }
#equipment				{ display: none; }
#distribution				{ display: none; }
#export					{ display: none; }
#utility-power				{ display: none; }
#test-lab					{ display: none; }
#origin					{ display: none; }
#links					{ display: none; }



body						{ border: 8px solid gold !important; margin: 0px; padding: 0px; scrollbar-base-color: gold; scrollbar-arrow-color: #000000; scrollbar-track-color: gold; }
form						{ border: 0px; padding: 0px; margin: 0px; }
img						{ border: 0px; }
p						{ color: #000000; font: normal x-small verdana; }

#pullmenuarea				{ height: 12px; background: bottom url(gfx/back/pullmenuarea.gif) no-repeat; }
#searcher					{ display: normal; }
#toggler					{ width: 100px; background: green; }
#footgrid					{ width: 100%; }

.content					{ }
.content a:visited			{ color: #404040; }
.content strong				{ color: #404040; }
.content ul					{ color: #404040; list-style-type: square; font: normal 8pt verdana; }
.content p					{ color: #606060; }
.dropmenu				{ background: #ffffff; width: 190px; font: normal x-small verdana; }



/* Home Page (unique styles) ... */

.panelon p					{ color: #505050; }

.g200					{ width: 200px; height: 76px; }
.g200t					{ height: 12px; background: url(gfx/back/g200t.gif); }
.g200m					{ background: url(gfx/back/g200m.gif); }
.g200b					{ height: 12px; background: url(gfx/back/g200b.gif); }

.gtable					{ width: 100%; height: 76px; }
.gmid					{ background: #fafaf2; color: olivedrab; font: normal xx-small verdana; }
.gtl						{ width: 12px; height: 12px; background: url(gfx/back/gtl.gif) no-repeat; }
.gtm						{ height: 12px; background: url(gfx/back/gtm.gif) repeat-x; }
.gtr						{ width: 12px; height: 12px; background: url(gfx/back/gtr.gif) no-repeat; }
.gr						{ width: 12px; background: url(gfx/back/gr.gif) repeat-y; }
.gbr						{ width: 12px; height: 12px; background: url(gfx/back/gbr.gif) no-repeat; }
.gbm						{ height: 12px; background: url(gfx/back/gbm.gif) repeat-x; }
.gbl						{ width: 12px; height: 12px; background: url(gfx/back/gbl.gif) no-repeat; }
.gl						{ width: 12px; background: url(gfx/back/gl.gif) repeat-y; }
.gbase					{ height: 12px; }



/* core components of the page */

#header					{ width: 100%; height: 50px; border-left: 0px solid white; border-right: 0px solid #ffffff; background: url(gfx/back/headback.gif) repeat-x #ffffff; }
#header td				{ padding-bottom: 2px; }
#heading					{ width: 230px; height: 40px; }

.menugrid					{ width: 100%; background: #fbe200 ; }
.menugrid table td			{ padding-top: 2px; padding-bottom: 2px; }
#menu					{ color: #404040; font: normal 9pt "ms sans serif",verdana; background: #cc0000; margin-top: 0px; border-bottom: 1px solid #cc0000; }
#menu td					{ height: 22px; padding: 5px; }
#menu a					{ color: #404040; text-decoration: none; }
#menu a:visited			{ color: #404040; }
#menu a:hover				{ color: #404040; text-decoration: underline; }
#menu strong				{ color: #000000; }
#menuhead				{ color: #ff0000; height: 22px !important; padding: 0px !important; letter-spacing: 1px; font: bold 10pt !important; background: url(gfx/back/head.gif) #fde700 !important; }
#menuhead a				{ color: #ff0000; text-decoration: none; font: bold !important; }
#menuhead a:visited			{ color: #ff0000; font: bold !important; }
#menuhead a:hover			{ color: #ff0000; text-decoration: underline; bold !important; }



/* Search Form Table ... */

#find					{ color: #000000; font: normal 8pt verdana; background: #cc0000; border-bottom: 1px solid #cc0000; margin-bottom: 4px; }
#find td					{ height: 22px; }
#find a					{ color: #000000; text-decoration: none; }
#find a:visited				{ color: #000000; }
#find a:hover				{ color: #000000; text-decoration: underline; }
#findhead					{ color: #ff0000; height: 22px !important; letter-spacing: 1px; font: bold 10pt !important; background: url(gfx/back/head.gif) #fde700 !important; }
#findhead a				{ color: #ff0000; text-decoration: none; font: bold !important; }
#findhead a:visited			{ color: #ff0000; font: bold !important; }
#findhead a:hover			{ color: #ff0000; text-decoration: underline; bold !important; }
.finditem					{ background: #ffffff; }
.findgrid					{ width: 100px; }
.keywords					{ width: 90px !important; height: 23px; background: #fafafc; }
.query					{ width: 200px; margin-right: 5px; }

.midsection				{ }

.menuitem					{ background: #ffffff; color: #000000; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }
.menuitemon				{ background: url(gfx/back/menuitemon.gif) bottom lightyellow repeat-x; color: #ff0000; border-top: 1px solid gold; border-bottom: 1px solid lightyellow; cursor: hand; }
.menuitemon a:link			{ color: #ff0000 !important; text-decoration: underline !important; }
.menuitemon a:visited		{ color: #ff0000 !important; text-decoration: underline !important; }
.menuitemon a strong		{ color: #ff0000 !important; }
.menuhi					{ background: #eeeeee; color: #808080; border-top: 1px solid #ffffff; border-bottom: 1px solid #c0c0c0; }
.menuhi a					{ color: #808080 !important; }
.menuhi a:visited			{ color: #808080 !important; }
.menuhi strong				{ color: #808080; }

.side						{ font: normal 8pt verdana; }
.sidehead					{ color: #cc0000; font: x-small !important; line-height: 0pt !important; }
.side p					{ font: normal 8pt "ms sans serif",verdana; line-height: 15pt; }
.side table					{ font: 8pt; }
.head					{ height: 12px !important; }



/* fonts etc. */

#greeting					{ color: #ff0000; font: bold x-small verdana; }
#date					{ color: #ff0000; font: normal x-small verdana; }
.date						{ color: #8c8c83; font: normal x-small verdana; }

.pagehead					{ color: #cc0000; font: normal x-small verdana; }
.openpara					{ font-size: x-small; }
.nancy					{ color: orange !important; }

.credit					{ color: #fbe200; font: normal 8pt verdana; }
.caption					{ color: #a59b87; font: normal 8pt verdana; }
.caption a					{ color: #fbe200; }
.caption a:visited			{ color: #918773; }
.tools					{ color: #808080; font: normal 8pt verdana; }
.tools a					{ color: #808080; }
.tools a:visited				{ color: #808080; }
.tools a:hover				{ color: #cc0000; }



/* forms etc. */

.button					{ height: 22px; color: #000000; font: normal 8pt verdana; border: 1px solid #808080; cursor: hand; background: #ffffff url(gfx/back/chrome.gif) repeat-x; }
.buttonon					{ height: 22px; color: #000000; font: normal 8pt verdana; border: 1px solid #000000; cursor: hand; background: #ffffff url(gfx/back/chromeon.gif) repeat-x; }
.buttonhi					{ height: 22px; color: #000000; font: normal 8pt verdana; border: 1px solid #000000; cursor: wait; background: #ffffff; }
.knob					{ padding-left: 2px; padding-right: 2px; height: 22px; color: #808080; font: normal 8pt verdana; border: 1px solid #808080; cursor: hand; background: #eeeeee url(gfx/back/knob.gif) repeat-x; }
.knobon					{ padding-left: 2px; padding-right: 2px; height: 22px; color: #000000; font: normal 8pt verdana; border: 1px solid #000000; cursor: hand; background: #ffffff; }
.knobhi					{ padding-left: 2px; padding-right: 2px; height: 22px; color: #ffffff; font: normal 8pt verdana; border: 1px solid #000000; cursor: wait; background: #000000; }
	


/* group menu styles */

#companies				{ display: inline; }
#products					{ display: none; }
.fusiondrop				{ color: #606060; width: 180px; font: normal 8pt "ms sans serif",arial,verdana; background: #ffffff; margin-left: 5px; margin-bottom: 1px; }
.fusiondrop option			{ background: #ffffff; }
.drophigh					{ color: #000000; background: #ffffff !important; }
.dropcurrent				{ color: #cc0000; background: ivory !important; }

.form-button 
{
	font-family:arial, verdana, sans-serif; 
	font-size: 8pt; 
	font-weight: normal; 
	text-decoration: none; 
	color:#000000;
	background: #ededed; 
	border-right: #000066 1px solid; 
	border-top: #000066 1px solid; 
	border-left: #000066 1px solid; 
	border-bottom: #000066 1px solid; 
	cursor: hand
}



/* article list styles */

.listgrid					{ color: #404040; width: 100%; background: #404040; font: normal x-small verdana; border-bottom: 1px solid #404040; }
.listgridhead				{ background: #ededed !important; border-top: 1px solid #ffffff; }
.listgridslot				{ background: #ffffff; !important; }
.listgridslot a				{ text-decoration: underline; }
.listgridslothi				{ color: #ff0000; background: #ffffe0; !important; cursor: hand; }
.listgridslothi a				{ color: #ff0000; text-decoration: underline; }
.listgridslothi a:visited			{ color: #ff0000; }
.listgridslothi a:hover			{ color: #ff0000; text-decoration: underline; }

/* custom cursors */

.wait						{ cursor: wait; }
.file						{ cursor: url("/gfx/cursors/file.ico"); }



/* portal stuff */

#canvas					{ background: #ffffff url(gfx/back/container.gif) repeat-x bottom; border: 0px; }

#container				{ border: 1px solid #ffffff !important; width: 100%; background: transparent; text-align: center; }
#grid					{ width: 700px; background: #ffffff; border-collapse: separate; table-layout: fixed; margin-top: 10px; margin-bottom: 0px; font: normal x-small verdana; border: 0px solid #e0e0e0; }
#grid td					{ border: 1px solid #e0e0e0; padding: 5px; }
#grid a:link				{ color: #c00000; font: normal 10pt verdana; letter-spacing: 0pt; text-decoration: none !important; }
#grid a:visited				{ color: #c00000; font: normal 10pt verdana; letter-spacing: 0pt; text-decoration: none; }
#grid a:hover				{ color: #c00000; font: normal 10pt verdana; letter-spacing: 0pt; }

.over					{ border: 1px solid #c00000 !important; cursor: hand; }
.over a					{ font: normal !important; color: #c00000 !important; text-decoration: underline !important; }
.over a:visited				{ font: normal !important; color: #c00000 !important; text-decoration: underline !important; }
.over a:hover				{ font: normal !important; color: #c00000 !important; text-decoration: underline !important; }
.info						{ border: 1px solid #e0e0e0 !important; background: #ffffff; padding: 18px !important; vertical-align: top; }
.info p					{ text-align: left; font: normal 8pt verdana,"ms sans serif" !important; line-height: 12pt; }
.foto						{ border: 1px solid #c0c0c0 !important; background: url(gfx/demo/foto.jpg) no-repeat center; padding: 0px !important; }
.info h1					{ color: #000000; font: bold 10pt verdana; }
.info p					{ color: #505050 !important; }
.info p a:link				{ color: #c00000 !important; }
.info p a:visited				{ color: #c00000 !important; }
.info p a:hover				{ color: #ff0000 !important; text-decoration: underline !important; }
.info p a:active				{ color: #c00000 !important; }
.curr						{ border: 1px solid #ffffff !important; font: normal 8pt verdana; }
.curr strong				{ color: #c00000; }
.portallogo					{ width: 220px; height: 90px; }
		
.panelimage  				{ cursor: hand; border-bottom: black 1px solid; }
.fotopane					{ filter: none !important; border: 1px solid #e0e0e0 !important; vertical-align: middle !important; }
#address					{ color: #808080; font: normal 8pt verdana; margin-top: 16px; margin-bottom: 30px;}
#address a:link				{ color: #808080; text-decoration: none !important; }
#address a:visited			{ color: #808080; text-decoration: none !important; }
#address a:hover			{ color: #404040; text-decoration: none !important; }

.plant					{ width: 490px !important; height: 325px; border: 1px solid #808080 !important; background: url(gfx/photos/plant.jpg) no-repeat center; vertical-align: middle !important; text-align: center !important; }
.plant img					{ filter: none !important; }



/* End ... */