/* -------------------------------------------------- file: global.css version: 1.0 created: 15/07/09 author: Arekibo ---------------------------------------------------*/ @import "shop.css"; @import "form.css"; @import "alert.css"; /* ------------------------------------------- COMMON CLASSES -------------------------------------------- */ .alt {position:absolute;top:-6000px;left:-6000px} .hidden,.webapptable{display:none} .clear, hr{clear:both} p,ul,ol,li,form,fieldset,table,td,th,h1,h2,h3,h4,h5{margin:0;padding:0} img{border:0} a {color:#64941E;text-decoration:none} a:hover {text-decoration:underline} a:focus {outline:none} h2{line-height:1.9em; font-size:1.8em; color:#2a8e0c; } h2.home{width: 600px; float:left;} h3{margin-bottom:15px;font-size:1.2em; color:#285d1d;} h4{margin-bottom:10px;font-size:1.2em} p{font-size:1.2em; color:#0e5400; line-height:1.4em; padding:0px 0px 20px 0px;} table {border-collapse: collapse} hr{border: 0;} /* ---------------------------------------------- STRUCTURE ---------------------------------------------- */ html {font-size:62.5%;} body {background: url(../Images/cssimg/body-bg.gif) center top no-repeat; margin:0;padding:0;text-align:center;font-family:Arial, Verdana, sans-serif;color:#0a5900;} body#popup {background:#badea4 ;} body#popup #wrapper{background:url(../Images/cssimg/datasheet-top.gif) left top no-repeat; margin:0px auto 0 auto;width:740px;} body#popup #content{background: url(../Images/cssimg/datasheet-middle.gif) left top repeat-y; width:724px;} body#popup #content #main{width:650px; padding:0 0 0 49px;} body#popup #header{height:157px;} body#popup #header a.product-link{color:#FFFFFF; font-weight:bold; font-size:1.2em; background: url(../Images/cssimg/close-window.gif) left top no-repeat; height:29px;padding: 7px 47px 8px 7px; position:relative; top: 37px; left:570px;} body#popup #header a.print{color:#285d1d; background: url(../Images/cssimg/print-this-page.gif) right top no-repeat; padding: 5px 25px 5px 5px; font-size:1.2em; font-weight:bold; position:relative; top:80px; left:450px;} body#popup #footer a.product-link{color:#FFFFFF; font-weight:bold; font-size:1.2em; background: url(../Images/cssimg/close-window.gif) left top no-repeat; height:29px;padding: 7px 47px 8px 7px; position:relative; top: -45px; left:165px;} body#popup #content #main ul li{background: url(../Images/cssimg/green-arrow-light.gif) left 6px no-repeat; padding:0 0 2px 20px;} body#popup #content #main h2{background:none; padding:0px 0px 5px 0px; margin:5px 0px 0px 0px;} body#popup #content #main h3{padding:20px 0 20px 58px} body#popup #content #main h3#tech{background: url(../Images/cssimg/technical-details-large.gif) left top no-repeat;} body#popup #content #main h3#related{background: url(../Images/cssimg/related-articles-large.gif) left top no-repeat;} body#popup #content #main h3#download{background: url(../Images/cssimg/brochure-large.gif) left top no-repeat;} body#popup #content #main h3#standards{background: url(../Images/cssimg/standards-large.gif) left top no-repeat;} body#popup #content #main h3#cert{background: url(../Images/cssimg/certification-large.gif) left top no-repeat;} #wrapper {width:940px; margin:0px auto 0 auto;padding: 0px; text-align:left;} #header{height:117px} #header h1{display:inline;float:left;width:600px} #header #banner-functions{display:inline;float:right; background:url(../Images/cssimg/search-bg.gif) left top no-repeat; position:relative; top:124px; left:-6px; width:218px; height:34px; } #header #banner-functions #search input{border:0px; background:none;width:155px; position:relative; left:3px; padding:4px 0px 3px 0px; } #header #banner-functions #search input.cat_button{width:50px; background:none; color:#FFFFFF; font-size:1.2em; font-weight:bold; padding:4px 8px 4px 6px; cursor:pointer; position:relative; left:5px; } /* ---- GNS - GLOBAL NAV SYSTEM ---------------------------------------------------------------------------- */ #GNS{float:left;width:940px;background:url(../Images/cssimg/gns-ul-bg.gif) top left no-repeat;margin-bottom:1px;font-size:1.2em; height:45px;} #GNS ul{float:left;padding:0;width:938px; margin-left:1px; list-style-type:none;} #GNS ul li{float:left;margin-right:0px;padding-right:1px;position:relative;background:url(../Images/cssimg/gns-li-bg.gif) right 10% no-repeat;} #GNS ul li.first a{float:left;padding:15px 20px 15px 20px; background:url(../Images/cssimg/gns-li-a-bg.gif) right top repeat-x;font-weight:bold;color:#fff;position:relative;white-space:nowrap;} #GNS ul li a{float:left;padding:15px 20px 15px 20px; background:url(../Images/cssimg/gns-li-a-bg.gif) left top repeat-x;font-weight:bold;color:#fff;position:relative;white-space:nowrap;} #GNS ul li a:hover,#GNS ul li a:focus,#GNS ul li.selected a:active{background:url(../Images/cssimg/gns-li-a-bg-active.gif) right top repeat-x;text-decoration:none; color:#1d7409;} #GNS ul li.selected a{background:url(../Images/cssimg/gns-li-a-bg-active.gif) right top repeat-x;text-decoration:none; color:#1d7409;} #GNS ul ul {display:none;} #GNS li:hover ul, #GNS li.sfhover ul{display:none;} a.view_order{color:#0a5900; font-size:1.2em; font-weight:bold; background: url(../Images/cssimg/green-arrow.gif) 0px 5px no-repeat; padding:0px 0px 0px 15px; float:right; position:relative; top:11px; left:-3px;} #breadcrumbs{clear:both;width:100%; padding:0px 0px 10px 0px; display:block; background:url(../Images/cssimg/breadcrumb-large.gif) left bottom no-repeat; float:left;} #breadcrumbs.small{ background:url(../Images/cssimg/breadcrumb-small.gif) left bottom no-repeat;} #breadcrumbs a.view_order{float:right;} #breadcrumbs p{float:left;display:inline; color:#285d1d; font-weight:bold; font-size:1.1em; position:relative; top:15px; left:5px; width:780px;} #breadcrumbs a {background: url(../Images/cssimg/green-arrow.gif) left 3px no-repeat; padding:0px 20px 0px 10px; color:#2eb716; } #breadcrumbs p span#firstCrumb{display:block; margin:0px 10px 10px 0px; float:left; } #breadcrumbs a.view_order{color:#0a5900; font-size:1.2em; font-weight:bold; background: url(../Images/cssimg/green-arrow.gif) 0px 5px no-repeat; padding:0px 0px 0px 15px; float:right; position:relative; top:15px; left:-3px;} /* ---- Home Products---------------------------------------------------------------------------- */ #products{clear:both; width:940px; background: url(../Images/cssimg/products-bg.gif) top left no-repeat; padding: 13px 0px 0px 0px;} #products ul{width:940px; background: url(../Images/cssimg/products-bg.gif)bottom left no-repeat; padding: 0px 10px 0px 0px;list-style-type:none;} #products li{ list-style-type:none; width:301px; float:left; background:url(../Images/cssimg/products-link-bg.gif) top left no-repeat; margin:0px 18px 10px 0px; display:block; height:56px;} #products li.split, #products li.last{margin:0px 0px 10px 0px;} #products li:hover{list-style-type:none; width:301px; float:left; background:url(../Images/cssimg/products-link-bg.gif) top right no-repeat; } #products img{padding: 8px 15px 8px 8px; display:block; float:left;} #products span a{width:212px; float:left; color:#007555; font-size:1.2em; font-weight:bold; padding:20px 0px 0px 0px; height:36px; display:block;} #products span a:hover{text-decoration:none;} /* ---- First Products---------------------------------------------------------------------------- */ #first{float:left; width:300px; line-height:1.4em; margin:0px 20px 0px 0px; background: url(../Images/cssimg/dots.gif) top left no-repeat; padding:10px 0px 5px 0px; margin:0px 20px 0px 0px; _margin:0px 14px 0px 0px;} #second{float:left; width:300px; line-height:1.4em; margin:0px 20px 0px 0px; _margin:0px 14px 0px 0px; background: url(../Images/cssimg/dots.gif) top left no-repeat; padding:10px 0px 15px 0px; _position:relative; _left:5px; } #third {float:right; width:300px; line-height:1.4em; margin:0px; background: url(../Images/cssimg/dots.gif) top left no-repeat; padding:10px 0px 15px 0px; _position:relative; _left:8px;} #third a{padding:0px 0px 2px 0px; display:block; float:left; cursor:pointer;} #third a:hover{text-decoration:none;} #third a div{width:298px; float:left; background: url(../Images/cssimg/third-a-bg.gif) bottom left no-repeat; } #third a div p{color:#ffffff; font-size:1.4em; float:left; display:block; height:25px; padding:14px 0 10px 50px; font-weight:bold;} #third img{width:298px; height:189px;} #third #quick-links{background: url(../Images/cssimg/dots.gif) bottom left no-repeat; display:block; float:left; padding:5px 0px 10px 0px;} #third #quick-links ul {background: url(../Images/cssimg/quick-links-bg.gif) top left no-repeat; display:block; float:left; width:192px; height:127px; padding:0px 19px 0px 90px; list-style-type:none;} #third #quick-links ul li{position:relative; top:50px;background: url(../Images/cssimg/quick-links-arrow.gif) 0px 5px no-repeat; padding: 2px 5px 10px 15px; float:left; width:183px;} #third #quick-links ul li a{font-size:1.2em; color:#ffffff; font-weight:bold; background:none; display:block;} #third #quick-links ul li a:hover{text-decoration:underline;} #first h3, #second h3, #third h3{background: url(../Images/cssimg/home-h2-bg.gif) top left no-repeat; color:#ffffff; font-weight:bold; font-size:1.2em;height:23px; width:286px; padding:10px 0px 0px 14px; margin:0px;} #first h3{ margin:0px 0px 15px 0px;} span.welcome-msg{background: url(../Images/cssimg/dots.gif) bottom left no-repeat; display:block; padding:0px 0px 20px 0px;} #customer{width:300px; background:url(../Images/cssimg/dots.gif) left bottom no-repeat; padding:5px 0px 5px 0px; margin:10px 0px 0px 0px; float:left; display:block; } #customer h4{color:#2a8e0c; font-size:1.2em; font-weight:bold; } *:first-child+html #first{margin-top:10px;} *:first-child+html #second{margin-top:10px;} *:first-child+html #third{margin-top:10px ;} ul#ulNews .pagination, ul#ulFeatured .pagination{display:none} ul#ulNews{padding:0px 0px 5px 0px; list-style-type:none;} ul#ulNews li{padding: 15px 0px 15px 0px; background: url(../Images/cssimg/dots.gif) left bottom no-repeat;} ul#ulNews li span.date{color:#597547; font-size:1.1em; width:300px; float:left;} ul#ulNews li span.title a{color:#4b9420; font-size:1.2em; width:300px; font-weight:bold; line-height:1.4em;} ul#ulFeatured{background:none;} ul#ulFeatured li{padding: 15px 0px 18px 0px; display:block; float:left; background:url(../Images/cssimg/dots.gif) left bottom no-repeat; width:300px; } ul#ulFeatured li span.title a{color:#4b9420; font-size:1.2em; width:170px; font-weight:bold; float:left; line-height:1.4em;} ul#ulFeatured li span.desc{color:#696969; font-size:1.2em; width:170px; font-weight:normal; float:left; line-height:1.4em;} ul#ulFeatured li span.date{display:none} ul#ulFeatured li span.pic{padding:0px 0px 0px 20px; } ul#ulFeatured li span.pic img{position:relative; top:10px; _top:0px; height:75px; width:75px;} *:first-child+html ul#ulFeatured li span.pic img{top:0px;} /* ---- LNS Navigation ---------------------------------------------------------------------------- */ #LNS{width:220px;float:left;margin:10px 0px 20px 0px; padding:0px 0px 20px 0px;} #LNS ul{padding: 0px 0px 0px 0px; display:block; float:left; background:#edfbe2; list-style-type:none;} #LNS ul li{margin:0px;padding:0px; width:218px; border-right: 1px solid #dbf2cf; border-left: 1px solid #dbf2cf; border-bottom: 1px solid #dbf2cf; color:#ffffff; font-size:12px; font-weight:bold; overflow:hidden;} #LNS ul li#title{background: url(../Images/cssimg/lns-ul-bg.gif) top left no-repeat; height:33px; width:220px; border:0;} #LNS ul li#title span{position:relative;top:10px; left:10px; color:#ffffff; font-size:1.1em; font-weight:bold; } #LNS ul li a{background:#edfbe2; display:block; padding:10px 0px 9px 10px; width:208px; margin:0px; color:#1d7409;} #LNS ul li.selected a, #LNS ul li a:hover{background:#ceedbb; color:#1d7409; text-decoration:none;} #LNS ul li.selected ul{margin:0px 0px 0px 0px;} *:first-child+html #LNS ul li.selected ul{margin:0px !important; padding:0px !important; border-bottom: 1px solid #dbf2cf; position:relative; top:3px;} #LNS ul li.selected ul li{border:0; margin:0px; padding:0px;} #LNS ul li.selected ul li a{background:#f7faf3 url(../Images/cssimg/lns-green-arrow.gif) 10px 10px no-repeat; font-weight:normal; padding:8px 0px 6px 25px; width:193px;} #LNS ul li.selected ul li a:hover{text-decoration:underline; background:#f7faf3 url(../Images/cssimg/lns-green-arrow.gif) 10px 10px no-repeat; } #LNS ul li.selected ul li.selected a{background:#f7faf3 url(../Images/cssimg/lns-green-arrow.gif) 10px 10px no-repeat; font-weight:bold; } #LNS ul li.selected ul li.selected ul li a{background:#f7faf3 url(../Images/cssimg/lns-green-arrow.gif) 20px 10px no-repeat; font-weight:normal; padding:8px 5px 6px 35px; width:178px;} /* ---- CONTENT ---------------------------------------------------------------------------- */ #content{width:940px;float:left} #content #main{width:440px;float:left; padding:0px 0px 0px 30px; margin:10px 0px 0px 0px; } #content #main.wide {width:685px;} #content #main h2{background: url(../Images/cssimg/h2-bg.gif) left bottom no-repeat; padding:0px 0px 15px 0px; margin:0px 0px 15px 0px} #content #main ol{padding:0px 0px 20px 0px; font-weight:bold; margin-left:20px;} #content #main ul{padding:0px 0px 20px 0px; font-weight:bold; list-style-type:none; } #content #main ol li, #content #main ul li{font-size:1.2em; line-height:1.4em; padding:0px 0px 2px 20px; font-weight:normal;} #content #main ul li{font-size:1.2em; line-height:1.4em; font-weight:normal; background: url(../Images/cssimg/bullet.gif) 4px 4px no-repeat; list-style-type:none; padding:0px 0px 2px 40px; } #content #main ul li ul li{font-size:1em; padding:0px 0px 2px 20px; } #content #main ul#sitemapNav li{padding:0px 0px 0px 20px;} #content #main ul#sitemapNav li ul{margin:5px 0px 0px 20px;} #content #main ul#sitemapNav li ul li{padding:0px 0px 2px 20px; } #content #aside{position:relative; top:-7px; width:221px;float:right; background: url(../Images/cssimg/dots.gif) left top no-repeat; padding:15px 0px 0px 0px; overflow:hidden;} #content #aside h3 {background: url(../Images/cssimg/aside-h3-bg.gif) top left no-repeat; color:#ffffff; font-weight:bold; font-size:1.1em;height:23px; width:286px; padding:10px 0px 0px 14px; margin:0px;} #content #aside a{text-decoration:none} #content #aside .actionItem{display:block;background: url(../Images/cssimg/dots.gif) left bottom no-repeat; padding:15px 0px 15px 0px; float:left;} #content #aside .actionItem h3{background:none; width:140px; font-weight:bold; float:left; padding:3px 0px 0px 0px; color:#4b9420;} #content #aside .actionItem h3 a{color:#4b9420; line-height:1.4em;} #content #aside .actionItem .content{color:#696969; font-size:1.2em; width:140px; font-weight:normal; float:left;} #content #aside .actionItem img{float:right; border: 5px solid #d5efbf;} .back-to-top{background: url(../Images/cssimg/back-to-top-bg.gif) left top no-repeat; display:block; padding:15px 0px 15px 0px; float:left; width:100%; margin-top:20px;} .back-to-top a{color:#0a5900; font-weight:bold; font-size:1.2em; padding: 0px 25px 2px 0px; background: url(../Images/cssimg/back-to-top.gif) top right no-repeat; float:right; margin-right:2px;} #content a#searchprev{color:#0a5900; font-weight:bold; font-size:1.2em; padding: 0px 0px 2px 25px; background: url(../Images/cssimg/prev.gif) top left no-repeat; float:left; margin:5px 2px 0px 0px; } #content a#searchnext{color:#0a5900; font-weight:bold; font-size:1.2em; padding: 0px 25px 2px 0px; background: url(../Images/cssimg/next.gif) top right no-repeat; float:right; margin:5px 2px 0px 0px;} #inside-page-wide #main{ width:940px; padding:0px; } #shop #main{ width:685px } a.cartLink{font-size:1.2em;} /* ---- NEWS ------------------------------------------------------------------------------ */ #content #main span.date{color:#597547;font-size:1.1em; width:685px; float:left;} #content #announcements{} #content #announcements ul{margin-left:0; list-style-type:none;} #content #announcements ul li{width:685px; float:left;list-style-type:none;padding:20px 0; background: url(../Images/cssimg/news-li-bg.gif) bottom left no-repeat;} #content #announcements ul li.first{padding:0px 0px 20px 0px;} #content #announcements ul li span.date{color:#597547;font-size:0.9em; width:685px; float:left;} #content #announcements ul li span.readMore{display:block} #content #announcements ul li span.title{clear:both;} #content #announcements ul li span.title a{color:#4B9420; font-size:1.0em; font-weight:bold; line-height:1.4em; width:685px; float:left;} #content .faq-form{float:left; margin:0px 0px 20px 0px;} #content #FAQCats{float:left; display:block; width:600px;} #content #FAQCats h3{margin:0px 0px 5px 0px;} #content #FAQCats ul{padding:0px 0px 20px 0px;} #content #FAQCats ul li{padding:2px 0px 2px 0px; background:none;} #content #FAQCats ul li div p{font-size:1.0em;} /* ---- Tables ------------------------------------------------------------------------------ */ table.tabledefault{border:none;} table.tabledefault tr td{border:none; padding:10px; font-size:1.2em;} table.tabledefault tr th{border:none;} table{border:1px solid #DBF2CF; margin:10px 0px 10px 0px; width:100%; } table tr td{border-bottom:1px solid #DBF2CF; border-right:1px solid #DBF2CF; padding:10px; font-size:1.2em;} table tr th{font-weight:bold; font-size:1.2em; padding:10px; border-bottom:1px solid #DBF2CF; border-right:1px solid #DBF2CF;} /*---------- Enquiry Table ------*/ .webform-results table.tabledefault{font-weight:bold; border:0px; width:100%; } .webform-results table.tabledefault tr td{padding:5px; font-size:12px; font-weight:normal;} td#customfields{font-size:12px; padding: 5px 5px 5px 0px;} /* ---- Search ------------------------------------------------------------------------------ */ .search-result {background: url(../Images/cssimg/search-result.gif) bottom left no-repeat; padding: 15px 0px 0px 0px; width:940px; float:left;} /* table.faqresultstable{margin-top:20px; width:685px;} table.faqresultstable tr{} table.faqresultstable tr td{padding:5px; font-size:1.2em;} table.faqresultstable tr td.faqresultstableinfo {color:#285D1D; font-weight:bold; font-size:1.2em;} table.faqresultstable tr td.faqresultstablehead{color:#285D1D; font-weight:bold; font-size:1.2em;} */ /* ---- FOOTER ---------------------------------------------------------------------------- */ #footer{clear:both;padding-top:20px;position:relative; width:940px; height:236px; background:url(../Images/cssimg/footer-bg.gif) left top no-repeat; text-align:center;} body#popup #footer {background:url(../Images/cssimg/datasheet-bottom.gif) left top no-repeat;} #footer ul{clear:both;text-align:center; padding:0px 0px 0px 5px; list-style-type:none;} #footer li{background:url(../Images/cssimg/footer-li-bg.gif) right 3px no-repeat; padding:2px 5px 2px 0px; float:left; display:inline;text-align:center;} #footer li.footer-split{padding:0px 0px 0px 200px;} #footer ul li ul{display:none} #footer a{text-decoration:none; color:#3c7245; font-size:1.2em; font-weight:normal; padding:0px 10px 0px 10px;} #footer a:hover{text-decoration:underline} #footer li.last{border:0; background:none;} #footer p{ clear:both; font-size:1.1em;} #footer p.logos{ clear:both; font-size:1.1em; top:45px; position:relative;} #footer p.address{color:#3c7245; position:relative; top:32px;} #footer #related-links{text-align:center;} #footer #legal-links ul{text-align:center; padding:0px 0px 0px 225px;} #footer #legal-links ul#nav_435498 li#sitemap{background:none;} #footer #legal-links ul li{background:url(../Images/cssimg/footer-li-bg-dark.gif) right 3px no-repeat; padding:2px 5px 2px 0px; display:inline; } #footer #legal-links ul li.last{background:none;} #footer #legal-links ul li a{float:left;text-decoration:none; color:#3c7245; font-size:1.2em; font-weight:bold; padding:0px 10px 0px 10px;}