/* _________________________________________________________________________________________________________________________

Fusion Hire and Service
Core CSS StyleSheet
John Mounsey
August 2OO5
_________________________________________________________________________________________________________________________ */


BODY			{ padding-left: 10px; padding-right: 10px; background: #FFFFFF url(backing.gif) repeat-x; scrollbar-base-color: #e0e0e0; scrollbar-arrow-color: #505050; }
FORM			{ border: 0px; padding: 0px; margin: 0px; }
IMG			{ border: 0px; }
P			{ color: #000000; font: normal x-small verdana; }
H3			{ color: #000000; font: normal 8pt verdana; }
A			{ color: #0089c8; }
A:visited		{ color: #0089c8; }
A:hover			{ text-decoration: none; }
H1			{ color: #0089c8; font: bold x-small verdana; }
UL			{ margin-bottom: 0px; }
OL			{ margin-bottom: 0px; }
LI			{ font: normal x-small verdana !important; }
.100p			{ width: 100% !important; }
.pl5			{ margin-left: 5px; }
.pr5			{ margin-right: 5px; }

.bodytext       	{ color: #000000; font: normal x-small verdana;}
.small       		{ color: #000000; font: normal 7pt verdana;}
.soft			{ font: normal !important; }

.line			{ width: 100%; color: #A0CBE2; height: 1px; }
.division		{ height: 3px; background: url(gfx/back/dots.gif) repeat-x; }

#roofgrid		{ border-bottom: 0px solid #0077b6; }
#logoslot		{ background: #FFFFFF; }
#logo			{ margin-top: 5px; margin-bottom: 5px; }

#grid			{ border-top: 5px solid #0097e6; }
#band			{ display: none; background: #000000; color: #FFFFFF; font: bold 8pt verdana; letter-spacing: 10pt; height: 10px; }
#ur			{ width: 390px; background: transparent url(gfx/back/heading.gif) right no-repeat; }
#bar2			{ height: 5px; }
#topbar			{ background: url(gfx/back/topbar.gif) #0097e6 !important; height: 35px; border-top: 0px solid #a0cbe2; border-bottom: 0px solid #0082c5; }
#topbar	P		{ color: #24347b !important; }
#topbar	A		{ color: #24347b !important; }
#topbar	A:visited	{ color: #24347b !important; }
#topbar	A:hover		{ color: #24347b !important; text-decoration: none; }

#crumbs			{ color: #0089c8; width: 100%; padding-left: 10px; padding-right: 10px; margin-top: 10px; font: normal 8pt verdana; background: transparent; }
#crumbs A:hover		{ text-decoration: none; }

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

.content		{ }
.content A:visited	{ color: #0089c8; }
.content STRONG		{ color: #0089c8; }
.content UL		{ color: #0089c8; list-style-type: square; font: normal 8pt verdana; }
.content P		{ color: #035889; font: normal 8pt verdana; }

.dropmenu		{ background: #d6de7b; width: 190px; font: normal x-small verdana; }



/* Home Page unique Styles */

.panel			{ cursor: hand; color: #bee1dd; padding: 10px; background: #e7f2f7; border-bottom: #0089c8 1px solid; font: normal x-small verdana; }
.panelimage  	{ cursor: hand; border-bottom: #0089c8 1px solid; }
.panelon		{ padding: 10px; background: #a0cbe2; border: #a0cbe2 0px solid; border-bottom: #0089c8 1px solid; font: normal x-small verdana; cursor: hand; }
.panelon P		{ color: #0089c8; }

.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: 40px; border-left: 0px solid white; border-right: 0px solid #FFFFFF; background: url(gfx/back/headback.gif) repeat-x #e0e0e0; }
#heading		{ width: 230px; height: 40px; }
#headl			{ width: 20px; background: url(gfx/back/headl.gif) #FFFFFF; }
#headr			{ width: 20px; background: url(gfx/back/headr.gif) #FFFFFF; }

#sidebaseleft		{ height: 20px; }
#sidebaser		{ height: 20px; }

.menugrid		{ width: 100%; background: #0097e6; }
#menu			{ color: #0077b6; font: normal 8pt verdana; background: #0077b6; margin-top: 0px; border-bottom: 0px solid #0082c5; }
#menu TD		{ height: 22px; padding: 5px; }
#menuhead		{ height: 22px !important; padding: 0px !important; letter-spacing: 0px; color: #000000; font: bold 10pt !important; background: url(gfx/back/head.gif) #ffcc20 !important; }
#menuhead A		{ color: #000000; text-decoration: none; font: bold !important; }
#menuhead A:visited	{ color: #000000; font: bold !important; }
#menuhead A:hover	{ color: #000000; text-decoration: underline; font: bold !important; }

/* The Search Form Table Etc. */

#find			{ color: #000000; font: normal 8pt verdana; background: #0077b6; border-bottom: 1px solid #0077b6; margin-bottom: 4px; }
#find TD		{ height: 22px; }
#find A			{ color: #000000; text-decoration: none; font: bold; }
#find A:visited		{ color: #000000; }
#find A:hover		{ color: #000000; text-decoration: underline; }
#findhead		{ vheight: 22px !important; letter-spacing: 0px; font: bold 10pt !important; background: url(gfx/back/head.gif) #ffcc20 !important; }
#findhead A		{ color: #000000; text-decoration: none; }
#findhead A:visited	{ color: #000000; }
#findhead A:hover	{ color: #000000; text-decoration: underline; }
.finditem		{ background: #FFFFFF; }
.findgrid		{ width: 100px; }
.keywords		{ width: 90px !important; height: 23px; background: #FAFAFC; }
.query			{ width: 200px; margin-right: 5px; }

.midsection		{ }

.menuitem		{ background: url(gfx/back/menuitem.gif) repeat-x bottom #FFFFFF; color: #000000; }
.menuitem A		{ text-decoration: none; }
.menuitemon		{ background: #fff1c6 url(gfx/back/menuitemon.gif) repeat-x ; color: #FFFFFF; cursor: hand; }
.menuitemon A		{ color: #005989 !important; text-decoration: underline; }
.menuitemon A:visited	{ color: #005989 !important; text-decoration: underline; }
.menuitemon A:hover	{ color: #005989; text-decoration: underline; }
.menuhi			{ color: #0077b6; background: url(gfx/back/menuhi.gif) repeat-x aliceblue; }
.menuhi A		{ color: #0077b6 !important; font: normal; text-decoration: none; }
.menuhi A:visited	{ color: #0077b6 !important; }
.menuhi STRONG		{ color: #0077b6; }

.side			{ font: normal 8pt verdana; }
.sidehead		{ color: #0077b6; font: bold x-small verdana !important; line-height: 0pt !important; }
.side P			{ color: #0077b6; font: normal 8pt "MS Sans Serif",verdana; line-height: 15pt; }
.side TABLE		{ font: 8pt; }

.head			{ height: 12px !important; }



/* Fonts Etc. */

#greeting		{ color: #FFFFFF; font: bold x-small verdana; }
#date			{ color: #FFFFFF; font: normal x-small verdana; }
.date			{ color: #000000; font: normal 8pt verdana; }

.credit			{ color: #a0cbe2; font: normal 8pt verdana; }
.caption		{ color: #a59b87; font: normal 8pt verdana; }
.caption A		{ color: #a0cbe2; }
.caption A:visited	{ color: #918773; }
.tools			{ color: #a0cbe2; font: normal 8pt verdana; }
.tools A:hover		{ color: #0077b6; }


/* Product Database----	*/

.prodintro		{ padding: 10px; background: #e7f2f7; height: 175px; }
.prodedge		{ width: 175px; height: 100%; background: #FFFFFF; border: 1px solid #bfd4e0; }
.prodedgeon		{ width: 175px; height: 100%; background: #FFFFFF; border: 1px solid #035889; cursor: hand; }
.prodname		{ font: bold !important; }
.proddesc		{ font: xx-small !important; line-height: 200%; }
.prodcaption		{ color: #035889; font: bold 8pt tahoma; }
#prodspex		{ width: 100%; color: #035889; border-bottom: 2px solid #035889; border-collapse: collapse; }
#prodspex TD		{ border: 1px solid #035889; font: normal 8pt tahoma,verdana; padding: 5px; height: 20px; }
.prodspexcol1		{ width: 25%; font: bold !important; }
.spex			{ background: #FFFFFF; }
.spexhi			{ background: aliceblue; }
.prodq			{ margin-right: 0px; }



/* Group menu Styles */

.fusiondrop		{ width: 180px; font: normal 8pt "MS Sans Serif",verdana; background: #FFFFFF; margin-left: 5px; }
.fusiondrop OPTION	{ background: #FFFFFF; }
.drophigh		{ color: #000000; background: #fff1c6 !important; }
.dropcurrent		{ color: #000000; background: #a0cbe2 !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
}

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

.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; }



/* Article List Styles */

.listgrid		{ color: #0089c8; width: 100%; background: #0089c8; font: normal x-small verdana; border-bottom: 1px solid #0089c8; }
.listgridhead		{ background: #f7fbfd !important; border-top: 1px solid #FFFFFF; }
.listgridslot		{ background: #FFFFFF; !important; }
.listgridslot A		{ text-decoration: underline; }
.listgridslothi			{ color: #000000; background: #fff1c6; !important; cursor: hand; text-decoration: underline !important; }
.listgridslothi A		{ color: #000000; text-decoration: underline; }
.listgridslothi A:visited	{ color: #000000; }
.listgridslothi A:hover		{ color: #000000; text-decoration: underline; }

/* Article Full Page Styles */

.mainpane		{ font: normal 8pt verdana; background: #FFFFFF; border-right: 10px solid #FFFFFF; vertical-align: top; }
#sidepane		{ width: 155px !important; background: #e7f2f7 url(gfx/back/prpanel.gif) bottom no-repeat; padding: 10px; vertical-align: top; }
.sidefoto		{ border: 0px; margin-top: 10px; margin-bottom: 5px; }
.fotocaption		{ color: #035889; font: normal 8pt verdana; }
.infogrid		{ color: #318ec1; background: #318ec1; font: normal 8pt verdana; border-bottom: 1px solid #318ec1; }
.infogrid TD		{ background: #FFFFFF; }



/* Extra css */

.hidden			{ color: #fbe200; }
.lead	       		{ color: #0089c8 !important; font: normal x-small verdana !important;}
.dead			{ cursor: default !important; }
#directory		{ color: #0089c8; font: bold 8pt verdana !important; padding: 0px; margin-top: 5px; border-collapse: separate; }
#directory IMG		{ margin: 4px; margin-left: 0px; } 
#directory TD		{ vertical-align: middle; padding: 0px; border: 0px; }
#directory A		{ font: normal !important; }

.Lfoto			{ margin-right: 10px; }
.Rfoto			{ margin-left: 10px; }
.homefotogrid		{ margin-top: 10px; }
.homefotogrid TD	{ padding-bottom: 5px; }
.homefotogrid SPAN 	{ color: #0089c8 !important; font: bold xx-small verdana; }
.acrobat		{ width: 88px; height: 40px; margin: 0,0,31,31; }

/* Custom cursors */

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

/* Site Specific */

#sitename		{ display: none; }
#centres		{ font: normal 8pt verdana !important; }
#centres P		{ font: normal 8pt verdana !important; }
#centres STRONG		{ font: bold 10pt !important; }
#hsc0			{ }
#hsc1			{ display: none; }
#hsc2			{ display: none; }
#hsc3			{ display: none; }
#hsc4			{ display: none; }
#hsc5			{ display: none; }
#hsc6			{ display: none; }
#hsc7			{ display: none; }
#hsc8			{ display: none; }
#hsc9			{ display: none; }
#hsc10			{ display: none; }
#hsc11			{ display: none; }
#hsc12			{ display: none; }

.mr10			{ margin-right: 10; }
.ml10			{ margin-left: 10; }

#installers		{ font: normal 8pt verdana !important; border: 1px solid #c0c0c0; border-collapse: collapse; }
#installers TD		{ border: 1px solid #e0e0e0; padding: 4px; font: normal 8pt verdana !important; }
#installers TABLE	{ border: 0px solid !important; }
#installers TABLE TD	{ border: 0px solid !important; }