/* _________________________________________________________________________________________________________________________ The Fusion Group Core CSS StyleSheet John Mounsey Jan 2OO5 _________________________________________________________________________________________________________________________ */ img#overlay { cursor: default; } 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; } H3 { color: #000000; font: normal 8pt verdana; } A { color: #808080; } A:visited { color: #808080; } A:hover { text-decoration: none; } H1 { color: black; font: bold x-small verdana; } UL { margin-bottom: 0px; } OL { margin-bottom: 0px; } LI { font: normal x-small verdana !important; } .bodytext { color: #000000; font: normal x-small verdana;} .small { color: #000000; font: normal 7pt verdana;} .updated { color: #c0c0c0 !important; font: normal 8pt verdana;} .line { width: 100%; color: #fbe200; height: 1px; } .division { height: 3px; background: url(gfx/back/dots.gif) repeat-x; } #band { display: none; background: #000000; color: #FFFFFF; font: bold 8pt verdana; letter-spacing: 10pt; height: 10px; } #ur { background: transparent url(gfx/photos/demo.jpg) right no-repeat; } #bar2 { height: 5px; } #topbar { background: #fde700 !important; height: 35px; border-top: 0px solid #fbe200; 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 { width: 100%; padding-left: 10px; padding-right: 10px; margin-top: 10px; color: black; font: normal 8pt verdana; background: transparent; } #crumbs A { color: #808080; } #crumbs A:visited { color: #808080; } #crumbs A:hover { color: #cc0000; text-decoration: none; } #crumbs STRONG { color: #cc0000; font-size: x-small !important; } #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; } #headl { width: 10px; background: url(gfx/back/headbackl.gif) #FFFFFF; } #headr { width: 10px; background: url(gfx/back/headbackr.gif) #FFFFFF; } #sidebaseleft { height: 20px; } #sidebaser { height: 20px; } .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; } /* The Search Form Table Etc. */ #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; } /* Article Full Page Styles */ .mainpane { font: normal 8pt verdana; background: #FFFFFF; border-right: 10px solid #FFFFFF; vertical-align: top; } .mainpane P { font: normal 8pt verdana !important; } .mainpane A { color: #cc0000; } .mainpane A:visited { color: #c00000; } .mainpane A:hover { color: #FF0000; } #sidepane { width: 155px !important; background: #fffecd url(gfx/back/prpanel.gif) bottom repeat-x; padding: 10px; vertical-align: top; border-bottom: 0px double #FFD700; } #sidepane STRONG { color: #cc0000 !important; } .sidefoto { border: 0px; margin-top: 10px; margin-bottom: 5px; } .sidefotohead { color: #c00000 !important; font: normal 10pt verdana; } .fotocaption { color: #606060 !important; font: normal 8pt verdana; } A.fotocaption { color: #606060 !important; text-decoration: underline; } A:hover.fotocaption { color: #000000 !important; text-decoration: none; } .infogrid { color: #808080; background: gold; font: normal 8pt verdana; border-bottom: 1px solid #e0e0e0; margin-bottom: 10px !important; } .infogrid TD { background: url(gfx/back/infogrid.gif) bottom repeat-x ivory; } .infogrid TD STRONG { color: #cc0000 !important; } /* Extra css */ .hidden { color: #fbe200; } .lead { color: #c00000 !important; font: normal x-small verdana !important;} .dead { cursor: default !important; } #directory { color: #cc0000; font: bold 8pt verdana !important; padding: 0px; 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: #cc0000 !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 */ #centres { font: normal 8pt verdana !important; } #centres P { font: normal 8pt verdana !important; } #centres STRONG { color: #cc0000; font: normal 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; } /* 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: 740px; 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 { width: 240px; !important; height: 105px !important; border: 1px solid #FFFFFF; text-align: center; padding-bottom: 2px; } #grid a:link { color: #FFFFFF; font: normal 8pt verdana; letter-spacing: 0pt; text-decoration: none !important; } #grid a:visited { color: #FFFFFF; font: normal 8pt verdana; letter-spacing: 0pt; text-decoration: none !important; } #grid a:hover { color: #c00000; font: normal 8pt verdana !important; letter-spacing: 0pt; text-decoration: underline !important; } #grid a:active { color: #c00000; font: normal !important; text-decoration: none; } #grid IMG { filter: gray alpha(Opacity=40); } #plant { width: 740px; background: #FFFFFF; border-collapse: separate; table-layout: fixed; margin-top: 10px; margin-bottom: 0px; font: normal x-small verdana; border: 0px solid #e0e0e0; } #plant TD { width: 240px; !important; border: 1px solid #FFFFFF; text-align: center; padding-bottom: 2px; } #plant A:link { color: #FFFFFF; font: normal 8pt verdana; letter-spacing: 0pt; text-decoration: none !important; } #plant A:visited { color: #FFFFFF; font: normal 8pt verdana; letter-spacing: 0pt; text-decoration: none !important; } #plant A:hover { color: #c00000; font: normal 8pt verdana !important; letter-spacing: 0pt; text-decoration: underline !important; } #plant A:active { color: #c00000; font: normal !important; text-decoration: none; } #plant IMG { filter: gray alpha(Opacity=40); } .over { height: 105px !important; border: 1px solid #e0e0e0 !important; cursor: hand; vertical-align: middle !important; } .over IMG { filter: none !important; } .over A:link { font-weight: normal !important; color: #808080 !important; } .over A:visited { font-weight: normal !important; color: #808080 !important; } .over A:hover { font-weight: normal !important; color: #c00000 !important; } .info { filter: none !important; border: 1px solid #fff8b1 !important; background: #fffecd url(gfx/back/portal.gif) top repeat-x; padding: 8px; vertical-align: middle; } .info P { font: normal 8pt Tahoma,"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: #c00000; 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: #c00000 !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; } .fotopane img { margin-top: 3px; } #address { color: #808080; font: normal 8pt verdana; margin-top: 6px; margin-bottom: 30px;} #address a:link { text-decoration: none !important; } #address a:visited { color: #808080; text-decoration: none !important; } #address a:hover { color: #808080; 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; } #p0 { display: inline; } #p1 { display: none; } #p2 { display: none; } #p3 { display: none; } #p4 { display: none; } #p5 { display: none; } #p6 { display: none; } #p7 { display: none; } #p8 { display: none; } #p9 { display: none; } #p10 { display: none; } #p11 { display: none; } #p12 { display: none; } #p13 { display: none; } #p14 { display: none; } #p16 { display: none; } #p17 { display: none; } #p18 { display: none; } #p19 { display: none; } #marine { display: none; } #origin { display: none; }