/* ------------------------------------------------------------------- */ /* TOP Navigation */ /* ------------------------------------------------------------------- */ #Header-Navigation-Wrapper { background:#ada49e url('../grfx/layout/bkgd-header.gif') no-repeat left bottom; height:16px; } #Header-Navigation-Wrapper ul { position:absolute; right:-15px; top:5px} #Header-Navigation-Wrapper ul li { float:left; list-style:none; background:url('../grfx/navigation/divider-brown.gif') no-repeat left center; padding:0 10px; } #Header-Navigation-Wrapper ul li.first { background-image:none} #Header-Navigation-Wrapper ul li a { text-decoration:none; background-repeat:no-repeat; background-position:0 0; display:block; height:5px; text-indent:-999em; font-size:.1em } #Header-Navigation-Wrapper ul li a.ABOUT-US, #Header-Navigation-Wrapper ul li a.ABOUT-US-active { background-image:url('../grfx/navigation/header/about.gif'); width:51px;} #Header-Navigation-Wrapper ul li a.CONTACT-US, #Header-Navigation-Wrapper ul li a.CONTACT-US-active { background-image:url('../grfx/navigation/header/contact.gif'); width:65px;} #Header-Navigation-Wrapper ul li a.SUPPORT, #Header-Navigation-Wrapper ul li a.SUPPORT-active { background-image:url('../grfx/navigation/header/support.gif'); width:47px;} #Header-Navigation-Wrapper ul li a.LINKS, #Header-Navigation-Wrapper ul li a.LINKS-active { background-image:url('../grfx/navigation/header/links.gif'); width:28px;} #Header-Navigation-Wrapper ul li a:hover { background-position:0 -20px} /* ------------------------------------------------------------------- */ /* PRIMARY Navigation */ /* ------------------------------------------------------------------- */ #Primary-Navigation-Wrapper { margin-top:85px; background:url('../grfx/layout/bkgd-content-topRight.gif') no-repeat right bottom; padding-bottom:19px; padding-left:1px} #Primary-Navigation-Wrapper ul {} #Primary-Navigation-Wrapper ul li { list-style:none; float:left; margin-left:-1px} #Primary-Navigation-Wrapper ul li a { display:block; height:19px; background-position:0 0; background-repeat:no-repeat; text-indent:-999em; text-decoration:none } #Primary-Navigation-Wrapper ul li.HOME a, #Primary-Navigation-Wrapper ul li.HOME-active a { background-image:url('../grfx/navigation/primary/home.gif'); width:61px} #Primary-Navigation-Wrapper ul li.PRODUCTS a, #Primary-Navigation-Wrapper ul li.PRODUCTS-active a { background-image:url('../grfx/navigation/primary/products.gif'); width:90px} #Primary-Navigation-Wrapper ul li.SOLUTIONS a, #Primary-Navigation-Wrapper ul li.SOLUTIONS-active a { background-image:url('../grfx/navigation/primary/solutions.gif'); width:92px} #Primary-Navigation-Wrapper ul li.NEWS a, #Primary-Navigation-Wrapper ul li.NEWS-active a { background-image:url('../grfx/navigation/primary/news.gif'); width:63px} #Primary-Navigation-Wrapper ul li.EVENTS a, #Primary-Navigation-Wrapper ul li.EVENTS-active a { background-image:url('../grfx/navigation/primary/events.gif'); width:74px} #Primary-Navigation-Wrapper ul li.PROJECTS a, #Primary-Navigation-Wrapper ul li.PROJECTS-active a { background-image:url('../grfx/navigation/primary/projects.gif'); width:90px} #Primary-Navigation-Wrapper ul li.POSTAGE-AND-PACKING a, #Primary-Navigation-Wrapper ul li.POSTAGE-AND-PACKING-active a { background-image:url('../grfx/navigation/primary/postage.gif'); width:151px} #Primary-Navigation-Wrapper ul li a:hover { background-position:0 -19px} #Primary-Navigation-Wrapper ul li a.active { background-position:0 -38px} /* ------------------------------------------------------------------- */ /* SUB-NAV */ /* ------------------------------------------------------------------- */ #Layout1-ColA h2 { font-weight:normal; font-size:1.1em; text-transform:uppercase; margin:0 14px 7px 14px; padding-top:14px; color:#99CC33; font-weight:bold} #SecondNav { margin:14px; margin-top:0} #SecondNav ul { } #SecondNav ul li { list-style:none; background:url('../grfx/layout/dot-horiz-brown.gif') repeat-x left bottom;} #SecondNav ul li a, #SecondNav ul li a:visited { text-decoration:none; text-transform:uppercase; font-size:.8em; color:#4b4242; display:block; padding:6px 0 } #SecondNav ul li a:hover { color:#99cc33;} #SecondNav ul ul li { } #SecondNav ul ul li a, #SecondNav ul ul li a:visited { color:#99cc33; padding-left:10px; background:url('../grfx/navigation/subNav-dot.gif') no-repeat 5px center} #SecondNav ul ul li a:hover { color:#4b4242;} /* ------------------------------------------------------------------- */ /* BREADCRUMB Navigation */ /* ------------------------------------------------------------------- */ #Layout1-BCT-Wrapper { color:#99cc33; text-transform:uppercase; font-size:.8em; margin-bottom:12px} #Layout1-BCT-Wrapper a { color:#99cc33;} /* ------------------------------------------------------------------- */ /* SITE TOOLS CONTAINER */ /* ------------------------------------------------------------------- */ #SiteTools-Container { } /* ------------------------------------------------------------------- */ /* PAGINATION */ /* ------------------------------------------------------------------- */ div.pagerwrapper { clear:both; display:block; } div.recordinfo, div.pagerlinks { color:#4b4242; font-size:.9em;} div.pagerlinks { float:right; margin-top:-14px; } div.pagerlinks .off { display:block; float:left;} a.pagerlink { color:#4b4242} .pagerlink-first a, .pagerlink-prev a, .pagerlink-next a, .pagerlink-last a, .pagerlink-first.off, .pagerlink-prev.off, .pagerlink-next.off, .pagerlink-last.off { float:left; margin-left:2px; color:#4b4242; text-indent:-999em; height:20px; background-position:0 -20px} .pagerlink-prev a, .pagerlink-prev.off { margin-right:6px;} .pagerlink-next a, .pagerlink-next.off { margin-left:6px; } .pagerlink-first a:hover, .pagerlink-prev a:hover, .pagerlink-next a:hover, .pagerlink-last a:hover { background-position:0 0} .pagerlink-first a { background-image:url('../grfx/navigation/pag-first-2.gif'); width:26px; } .pagerlink-first.off { background-image:url('../grfx/navigation/pag-first-2.gif'); width:26px; background-position:0 -40px; } .pagerlink-prev a { background-image:url('../grfx/navigation/pag-previous-2.gif'); width:19px;} .pagerlink-prev.off { background-image:url('../grfx/navigation/pag-previous-2.gif'); width:19px; background-position:0 -40px;} .pagerlink-next a { background-image:url('../grfx/navigation/pag-next-2.gif'); width:19px;} .pagerlink-next.off { background-image:url('../grfx/navigation/pag-next-2.gif'); width:19px; background-position:0 -40px;} .pagerlink-last a { background-image:url('../grfx/navigation/pag-last-2.gif'); width:26px; } .pagerlink-last.off { background-image:url('../grfx/navigation/pag-last-2.gif'); width:26px; background-position:0 -40px;} div.pagerlinks a.pagerlink, .active-page { display:block; margin-left:2px; float:left; padding:3px 3px 3px 3px; color:#4b4242; border:1px solid #4b4242; text-decoration:none;} .pagerlink:hover { background-color:#4b4242; } div.pagerlinks a.pagerlink:hover, .active-page:hover { color:#FFF} .active-page { background-color:#4b4242; color:#FFF;} /* ------------------------------------------------------------------- */ /* SITE TOOLS */ /* ------------------------------------------------------------------- */ #SiteTools-Container { clear:both; font-size:.9em; position:absolute; right:0; bottom:0;} #SiteTools-Container a { color:#999; margin-bottom:.2em; background-position:left top; background-repeat:no-repeat; margin-left:10px; font-size:9px; text-decoration:none; text-transform:uppercase; display:block; height:14px; float:left; text-indent:-999em} #SiteTools-Container a.EMAIL-PAGE { background-image:url('../grfx/navigation/tool-email.gif'); width:80px} #SiteTools-Container a.BOOKMARK-PAGE { background-image:url('../grfx/navigation/tool-bookmark.gif'); width:102px} #SiteTools-Container a.PRINT-PAGE { background-image:url('../grfx/navigation/tool-print.gif'); margin-bottom:0; width:79px} #SiteTools-Container a:hover { background-position:0 -14px}