/***** fyc.on.ca/lasers/GrandBendOpen/ - Developed by ScriptReaction - www.scriptreaction.com *****/

/* LASER OPEN PRINTER */

/* global components */
body { background:#fff; }
body, td, select { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; }
ul { margin:0px; padding:0px; }
a { color:#66ccff; text-decoration:underline; }

/* all headings */
h1, h2, h3, h4, h5 { margin:0px; padding:0px; font-size:12px; font-weight:bold; }

/* layout skin, shell */
#skn, #shl { position:relative; }
#skn { width:100%; }
#shl { text-align:left; }

/* header */
#hdr { position:relative; left:0px; top:0px; width:772px; height:61px; background:#fff url(../gfx/hdr_grad.gif) repeat-x; }
#hdr img { position:absolute; top:0px; height:60px; border:0px; }
#hdr .mst { left:0px; width:544px; } /* mast head */
#hdr .srx { left:549px; width:223px; } /* scriptreaction */

/* banner */
.bnr { position:relative; left:0px; top:0px; width:772px; background:#fff; }
#bnrFullFlash { height:236px; } 
#bnrFullStatic { height:237px; }
#bnrFullStatic img { position:absolute; left:1px; top:0px; width:770px; height:236px; }
#bnrLogo { position:absolute; width:772px; height:236px; background:url(../gfx/laseropen.gif) repeat; z-index:2; } /* this div kills flash settings menu */
#bnrLogo img { position:absolute; width:236px; height:209px; left:50%; top:50%; margin:-105px 0px 0px -118px; z-index:3; }
#bnrHorizon { height:71px; }
#bnrHorizon img { position:absolute; left:1px; top:0px; width:770px; height:70px; }
.bnr div { position:absolute; left:1px; top:0px; width:770px; height:235px; z-index:1; }
.bnr ul { display:none; }

/* body */
#bdy { position:relative; left:0px; top:0px; width:772px; background:#fff; padding-bottom:1px; }

/* all display boxes */
.sgl { width:256px; } /* single */
.dbl { width:513px; } /* double */
.tpl { width:770px; } /* triple */
.dspBox { position:absolute; background:#000 url(../gfx/box_grad.gif) repeat-x; overflow:hidden; }
.dspBox h2 { height:40px; line-height:32px; background:url(../gfx/box_beam.gif) top right no-repeat; padding-left:10px; margin-bottom:-2px; text-align:left; }
.dspBox h2 a { color:#fff; text-decoration:none; }
.dspBox h2 a:hover { color:#fff; }
.dspBox .sgl h2 { width:246px; }
.dspBox .dbl h2 { width:503px; }
.dspBox .tpl h2 { width:760px; }
.dspBox p { padding:0px 13px 0px 13px; margin:0px 0px 14px 0px; }
.dspBox span.strong { font-weight:bold; }
.dspBox span.emphasis { font-weight:bold; color:#ffff00; }

/* global box specific */
#dspFooter { position:relative; height:29px; left:1px; top:0px; background:#666; line-height:29px; font-size:11px; }

#dspFooter li { display:inline; padding:0px 9px 0px 9px; border-right:1px solid #fff; }
#dspFooter .lastChild { border-right:0px; }
#dspFooter a { color:#fff; text-decoration:none; }
#dspFooter a:hover { color:#ffff00; text-decoration:underline; }

/* global classes */
.boxTabs li { display:inline; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; }
.boxTabs li a { float:left; height:16px; line-height:16px; background:#000; border:1px solid #fff; color:#fff; text-decoration:none; padding-left:4px; padding-right:4px; margin-right:3px; }
.boxTabs li a:hover { background:#ffff00; color:#000; }
.boxTabs li.active a { height:22px; color:#ffff00; background:url(../gfx/tab_grad.gif); cursor:default; border-bottom:0px; }
.boxTabs .active a:hover { color:#ffff00; background:url(../gfx/tab_grad.gif); }