/* Load other css files - (John Mounsey) */ @import url(/css/globals.css); @import url(/css/cms.css); @import url(/css/e-commerce.css); @import url(/client.css); /* Page Parts... */ #canvas { margin: 0px; padding: 0px; color: #000000; background: #e1eaf5 url(/gfx/core/body-bg.gif) repeat-x left top; } #canvas.fittingscanvas { background: #e1eaf5 url(/gfx/core/body-bg-fittings.gif) repeat-x left top; } #container { display:block;float:left;clear:both;width: 994px; min-height: 400px; position: relative; top:0;left:50%;margin: 0 0 50px -500px; padding: 0px; background-color: #ffffff;border:3px solid #ffffff;border-top-width:0px; } #preLoadedImages { display: none; } .ittext {font-style: italic;} .avkBlue { color: #000066; } /* Fonts etc. */ .spaced { padding-bottom: 15px; font-style: italic !important; } .spacedni { padding-bottom: 15px; } p.small { font: normal 8pt verdana !important; } .openingPara { color: #404040 !important; font: bold 10pt verdana !important; line-height: 25px !important; } /* Padding etc. */ /* Forms */ input { } .siteForm { border: 0px dotted #000060; } .siteForm td { padding: 5px; } .button { color: #000060; background-color: #FFFFFF; border: 1px solid #000060; font: bold 10pt verdana; } .buttonHi { color: #FFFFFF; background: #000060; border: 1px solid #000060; font: bold 10pt verdana; cursor: pointer; } .formName { font: bold 10pt verdana; } .field { border: 1px solid #c0c0c0; } .fieldHi { border: 1px solid #000060; } /* Page Titles, Product Category Headers etc. 7cb3ec [blue] */ #defaultPageTitle { background: #87b5e6 url(/gfx/back/defaultPageTitle.jpg) no-repeat left top !important; } #waterPageTitle { display: block; background: #7cb3ec url(/gfx/back/waterPageTitle.jpg) no-repeat left top !important; } #gasPageTitle { display: block; background: #FFFFFF url(/gfx/back/gasPageTitle.jpg) no-repeat left top !important; } #firePageTitle { display: block; background: #b74229 url(/gfx/back/firePageTitle.jpg) no-repeat left top !important; } #sewagePageTitle { display: block; background: #2c7a3e url(/gfx/back/sewagePageTitle.jpg) no-repeat left top !important; } .catPageDonkinLogo { float: right; width: 160px; height: 50px; margin: 10px 10px 0px 0px; border: 0px solid #005aaa; } .articleFull { } .articleFull a:link { color: blue !important; font: normal 8pt arial,verdana !important; text-decoration: underline !important; } .articleFull a:visited { color: blue !important; font: normal 8pt arial,verdana !important; text-decoration: underline !important; } /* Home Page : Header */ #siteLogo { background: transparent !important; border: 0px solid #ffffff; } #siteLogo:hover { background: transparent !important; border: 0px solid #000060; } #headerSlogan {position: absolute; left: 160px; top: 66px;} #fittingsSiteLogo {margin-left:100px;} #headerLogo { position: absolute; left: 10px; top: 13px; float: left; background-color: transparent; z-Index: 5000; } #topRightLinks { display: none; color: #FFFFFF !important; position: absolute; top: 5px; right: 10px; height: 20px; z-Index: 2000; font: normal 8pt verdana !important; } #topRightLinks a:link { color: #FFFFFF !important; text-decoration: none; } #topRightLinks a:visited { color: #FFFFFF !important; text-decoration: none; } #topRightLinks a:hover { color: #FFFFFF !important; text-decoration: underline; } #topRightLinks a:active { color: #000060 !important; background-color: #FFFFFF; text-decoration: none; } #header { position:relative;top:0;left:0;z-index:510;display:block;float:left;width: 100%; height: 93px;background: transparent url(/gfx/core/header-background.jpg) no-repeat right top;} #bluebar { width: 100%; height: 31px; background: #000066; position: absolute; top: 20px; left: 0px; line-height: 18px; text-align: left; color: #FFFFFF; padding-top: 3px; } #bluebar span { background: transparent; padding-left: 10px; font: normal 8pt verdana !important; } #bluebar span a:link { color: #FFFFFF !important; font: normal 8pt verdana !important; text-decoration: underline !important; } #bluebar span a:visited { color: #FFFFFF !important; font: normal 8pt verdana !important; text-decoration: underline !important; } #bluebar span a:hover { color: #FFFFFF !important; font: normal 8pt verdana !important; text-decoration: none; } #bluebar span a:active { color: #000060 !important; background-color: #FFFFFF; text-decoration: none; } /* Search Form */ #searchForm { width: 260px; position: absolute; top: 50px; right: 0px;text-align: right; padding-top: 10px; } #searchTerm { float:right;width: 144px; background: #FFFFFF url(/gfx/back/keywords.gif) repeat-x bottom left; padding-left: 10px !important; padding: 3px; margin-right: 10px; } .searchTerm { color: #c0c0c0; border: 1px solid #808080; } .searchTermHi { color: #000066; background: #FFFFFF url(/gfx/back/keywordsHi.gif) repeat-x bottom left !important; border: 1px solid #000060; } #searchGo { color: #ffffff; background-color:transparent; height: 22px; padding: 1px 2px 4px 2px; cursor: pointer; border: 0px solid #606060; margin-right: 10px;font-weight:bold;font-size:1.2em; } .searchGo { } .searchGoHi { color: #FFFFFF !important; background: #000060 !important; border: 0px solid #000060 !important; } html>body #searchSlice input.search-textbox { margin-top: 8px; vertical-align: bottom; } #menuTags { } .tab50 { width: 50px; background: url(/gfx/back/tab50.gif); } .tab50hi { width: 50px; background: url(/gfx/back/tab50hi.gif); } .tab90 { width: 90px; background: url(/gfx/back/tab90.gif); } .tab90hi { width: 90px; background: url(/gfx/back/tab90hi.gif); } #mHome { } #mCompany { } #mProducts { } #mQuality { } #mDownloads { } #mNews { } #mDistributors { } #mJobs { } #mContacts { } #mServiceOffer { display: none; } #tabsContainer { position:relative;top:0;left:0;z-index:500;display:block;float:left;width: 100%; height:30px; text-align: center; background-color: #0055a5;margin: 3px 0 3px 0; } #tabsContainer #loginout { position:absolute;top:0;right:0;} #tabsContainer ul { width:697px;height:30px;margin:0 auto 0 auto;list-style-type:none;list-style-image:none;padding:0;} #tabsContainer ul li { position:relative;top:0;left:0;float:left;width:auto;height:30px;margin:0 6px 0 6px;padding:0;} #tabsContainer.fittingstopmenu {background-color:#2351a9;} #tabsContainer a:link {float:left;width:auto;height:30px;color:#ffffff !important;font-weight:bold;text-decoration:none;background-color:transparent;font-size:1em;line-height:30px;padding:0 6px 0 6px;} #tabsContainer a:visited {float:left;width:auto;height:30px;color:#ffffff !important;font-weight:bold;text-decoration:none;background-color:transparent;font-size:1em;line-height:30px;padding:0 6px 0 6px;} #tabsContainer a:hover {float:left;width:auto;height:30px;color:#ffffff !important;font-weight:bold;text-decoration:none;background-color:#00478a;font-size:1em;line-height:30px;padding:0 6px 0 6px;} #tabsContainer a:active {float:left;width:auto;height:30px;color:#bfbfe2 !important;font-weight:bold;text-decoration:none;background-color:#00478a;font-size:1em;line-height:30px;padding:0 6px 0 6px;} div#tabsContainer ul#topmenu ul {position:absolute;top:30px;left:-10000px;display:block;float:left;width:152px;height:auto;padding:3px 4px 7px 4px;background: url('/gfx/core/top-menu-bg.png') no-repeat left bottom;} div#tabsContainer ul#topmenu ul li {width:100%;height:auto;min-height:20px;margin:0;text-align:left;border-bottom:1px solid #013e78;} div#tabsContainer ul#topmenu ul li a {width:90%;height:auto;min-height:20px;padding:6px 5% 6px 5%;background-image:none;font-size:0.9em;line-height:1.7em;} div#tabsContainer ul#topmenu ul li a:hover {width:90%;height:auto;min-height:20px;padding:6px 5% 6px 5%;background: #01498e url('/gfx/core/top-menu-hover.png') repeat-x left bottom;color:#b8cde1 !important;text-decoration:underline;} #tabsContainer ul#topmenu li:hover {background-color:#00478a;} #tabsContainer ul#topmenu li:hover ul {left:-4px;} /* Home page panels etc. */ .billboards { vertical-align: top; } #hometopbox { vertical-align: top; text-align: center; } #hometopbox p { font: normal 10pt verdana; float: left; width: 100%; padding-top: 10px; } #billBoardGrid { margin: 0px; background-color: #FFFFFF; } #hpBillBoard {color: black; background: aliceblue url(/gfx/back/hpBillBoard.jpg) no-repeat right bottom; text-align: left; padding-left: 10px !important; padding-right: 10px !important; } #hpBillBoard h5 { font: normal 16pt verdana; letter-spacing: 2px !important; padding-top: 5px;padding-bottom: 0px; margin: 0px 0px 10px 0px;} #hpBillBoard h5 span { display:none;color: #808080; font: normal 10pt verdana; letter-spacing: 0px !important; padding-bottom: 10px; } #hpBillBoard p { font: normal 10pt verdana; float: left;margin:0px;} #hpHeadlinePanel { color: black; padding: 10px !important; } #hpHeadlinePanel img { float: left; } #hpHeadlinePanel h1 { color: black !important; padding: 0px !important; margin: 0px !important; color: #000000; font: bold 10pt verdana; text-align: right; } #hpHeadlinePanel h1 a:link { color: black !important; text-decoration: underline !important; font-weight: normal !important; } #hpHeadlinePanel h1 a:visited { color: darkblue !important; text-decoration: underline !important; font-weight: normal !important; } #hpHeadlinePanel h1 a:hover { color: blue !important; text-decoration: underline !important; font-weight: normal !important; } #hpHeadlinePanel p { padding: 0px !important; font: normal 10pt verdana; line-height: 18px !important; text-align: right; } #hpHeadlinePanel p a:link { color: darkblue !important; text-decoration: underline !important; font-weight: normal !important; } #hpHeadlinePanel p a:visited { color: darkblue !important; text-decoration: underline !important; font-weight: normal !important; } .hpEdge { border: 1px solid #e0e0e0 !important; } .hpEdgeHi { color: #000060 !important; border: 1px solid #808080 !important; cursor: hand; } /* Right-Hand-Side Content (Home Page)... /* /* News... */ .latest { text-align: left !important; cursor: pointer; } .latest div.inner { padding: 10px; background-color: aliceblue; } .latest div.inner:hover { color: #FFFFFF; background-color: #000066; } .latest div.inner:hover h5 { color: #FFFFFF; } .latest div.inner:hover p { color: #FFFFFF; } .latest div.inner:hover a { color: #FFFFFF !important; } .latest div.inner:hover a:visited { color: #FFFFFF !important; } .latest div.inner:hover a:hover { color: #000060 !important; background-color: #FFFFFF; text-decoration: none; } .latest h5 { color: #000060; font: normal 10pt verdana !important; padding: 0px 0px 0px 0px; margin: 0px; } .latest p { padding: 0px 5px 5px 0px; } .latest a { color: #0000FF; text-decoration: underline !important; font: normal 8pt verdana; } .latest a:hover { color: #000060; text-decoration: none !important; } .latest a:visited { color: #0000FF; } /* Promotions... */ .promotions { vertical-align: top; } .promotions img { margin: 0px auto 10px auto; } /* Group Logos... */ img.member { padding: 8px 1px 8px 1px; border: 1px solid #eeeeee; } img.member:hover { border-color: #000060; } #content { clear: both; margin-top: 98px; margin-left: 180px; border-left: 1px solid #808080; border-top: 1px solid #8FB5D4; padding-right: 0px; padding-bottom: 20px; background: transparent; } #content p { line-height: 150%; } #rightColumn { width: 20%; position: absolute; right: 10px; top: 185px; background-color: transparent; } .rightColumnStandIn { position: absolute; right: 10px; top: 185px; background-color: transparent; } /* Certus... */ #certustopbox { padding-bottom: 20px;vertical-align:top;} .certusbody { display:block;float:left;text-align:left;font-size: 9pt;line-height:15pt;} .certusimgright { font-size: 9pt;line-height:15pt;} .certusimgright img { float:right !important; margin: 10px 0px 10px 10px;vertical-align: text-top;} .certusbody b { font-size: 12pt;line-height:17pt;} .certusimage { height:auto;min-height:600px !important;} .certusimage img { margin: 0px 10px 0px 10px;} .bottomRightContact { vertical-align: top;color: #000060; width: 165px; background-color: #FFFFFF; border: 1px solid #ffffff; text-align: left !important; font: normal 8pt verdana; padding: 5px; } .bottomRightContact:hover { background-color: #FFFFFF; border: 1px solid #808080 !important; cursor: pointer; } .bottomRightContact p {vertical-align: top;text-align: left !important; font: normal 8pt verdana;display:block;float:right;width:153px;padding: 10px 0px 20px 0px;color:#000000;margin-top:0px;} .bottomRightContact h5 { margin-bottom:0px;} #certusfile { display:block;color:#808080;font: normal 8pt verdana; } #certusfile b,strong { font: bold 8pt verdana; } #certusfile h1 { color: #000060; border-bottom: 1px dotted #000060; letter-spacing: 2px; padding-bottom: 2px; } /* Left menu... */ #menuLeft { position: relative; top: 0; left: 0;float: left; width: 170px; background: transparent;margin: 10px 0 0 9px;border-right:1px solid #808080; } #menuLeft ul { margin: 0px; padding: 0px; background: transparent; list-style: none; cursor: pointer !important; } #menuLeft ul * { color: #000000; font-weight: bold !important; display: block; } #menuLeft ul li { height: 31px; padding-left: 35px; margin-bottom: 5px; padding-top: 8px; } #menuLeft ul li a:link { color: black !important; text-decoration: none; } #menuLeft ul li a:hover { color: blue !important; text-decoration: underline !important; } #menuLeft ul li a:visited { color: black !important; text-decoration: none; } .water-on { background: url(/gfx/back/iconWaterSupply.gif) no-repeat; } .sewage-on { background: url(/gfx/back/iconSewageTreatment.gif) no-repeat; } .gas-on { background: url(/gfx/back/iconGasSupply.gif) no-repeat; } .fire-on { background: url(/gfx/back/iconFireFighting.gif) no-repeat; } #menuLeft ul li.water-off { background-image:url(/gfx/menu-bg-water-supply-off.gif); } #menuLeft ul li.sewage-off { background-image:url(/gfx/menu-bg-sewage-treatment-off.gif); } #menuLeft ul li.gas-off { background-image: url(/gfx/menu-bg-gas-supply-off.gif); } #menuLeft ul li.fire-off { background: url(/gfx/menu-bg-fire-fighting-off.gif); } #addressLeftSide { background: transparent; width: 170px; left: 10px; padding-top: 20px; } #addressLeftSide h1 { color: #000060; font: bold 10pt verdana; padding: 0px; margin: 0px; } #addressLeftSide p { line-height: 20px; } #addressLeftSide b { color: #000060; font: bold 8pt verdana !important; } #addressLeftSide a:link { text-decoration: none !important; font: bold 8pt verdana; !important; } #addressLeftSide a:visited { text-decoration: none !important; font: bold 8pt verdana; !important; } #addressLeftSide a:hover { color: blue !important; text-decoration: underline !important; font: bold 8pt verdana; !important; } .phoneIcon { padding-right: 0px; } #accreditationLogos { width: 160px; background: transparent; padding-top: 20px; } #accreditationLogos img { } #carbonLogo { width: 160px; background: transparent; padding-top: 20px; clear: both; } #carbonLogo img { } /* Right menu... */ #menuRight { position: absolute; top: 130px; right: 0;z-index:490;float: left; width: 179px;height:100%; background: #D5DEED;margin: -130px 0 0 5px; } #menuRight ul { margin: 0px; padding: 145px 0 3px 0; background: #ffffff; list-style: none; cursor: pointer !important; } #menuRight ul * { color: #000000; font-weight: bold !important; display: block; } #menuRight ul li { height: 30px; margin-bottom: 5px; } #menuRight .water-on a { background: url(/gfx/core/lm-water-supply-bg.gif) no-repeat 0px -30px; } #menuRight .sewage-on a { background: url(/gfx/core/lm-sewage-treatment-bg.gif) no-repeat 0px -30px; } #menuRight .gas-on a { background: url(/gfx/core/lm-gas-supply-bg.gif) no-repeat 0px -30px; } #menuRight .fire-on a { background: url(/gfx/core/lm-fire-fighting-bg.gif) no-repeat 0px -30px; } #menuRight .industrial-on a { background: url(/gfx/core/lm-industrial-bg.gif) no-repeat 0px -30px; } #menuRight ul li a:link { float:left;width:100%;height:30px;font-size:1em;line-height:30px;text-align:center;color: #000000 !important; text-decoration: none; } #menuRight ul li a:visited { float:left;width:100%;height:30px;font-size:1em;line-height:30px;text-align:center;color: #000000 !important; text-decoration: none; } #menuRight ul li a:hover { float:left;width:100%;height:30px;font-size:1em;line-height:30px;text-align:center;color: #ffffff !important; text-decoration: underline !important;background-position:left top; } #menuRight #iFrame { background-color:#ffffff !important;margin-bottom:0 !important;padding-bottom:7px !important; } #menuRight #rightNews {display:block;float:left;width:179px;height:auto;background-color:#d5deed;margin:0;padding:0 0 0 0;} #menuRight #rightNews h3 {background-color:#0055a5;color:#ffffff;font:bold 1.2em verdana;text-align:center;padding:4px 0 4px 0;margin:0 0 7px 0;} #menuRight #rightNews .newsitem {float:left;width:84%;margin:0 0 7px 0;color:#000000;padding: 2px 8% 2px 8%;} #menuRight #rightNews .newsitem a:link {color:#4c628e !important;font-size:0.9em;text-decoration:none;line-height:1.9em;} #menuRight #rightNews .newsitem a:visited {color:#4c628e !important;font-size:0.9em;text-decoration:none;line-height:1.9em;} #menuRight #rightNews .newsitem a:hover {color:#374d7a !important;font-size:0.9em;text-decoration:underline;line-height:1.9em;} #menuRight #rightNews .newsitem a:active {color:#4c628e !important;font-size:0.9em;text-decoration:underline;line-height:1.9em;} #menuRight #rightNews .newsitem .homenewsname {float:left;width:100%;height:14px;overflow:hidden;} #menuRight .officeNumbers {float:left;width:100%;text-align:center;color:#0055a5;} #menuRight .officeNumbers p {font-weight:bold;font-size:1em;line-height:1.4em;padding:0 5px 0 5px;} #menuRight.rightmenuhome .extraLinks {width:100%;float:left;border-top:3px solid #ffffff;margin-top:-3px;} /* Right menu AVK Fittings... */ #menuRight ul#rightfittingsmenus {float:left;width:100%;list-style-type:none;} #menuRight ul#rightfittingsmenus li {position:relative;top:0;left:0;display:block;float:left;width:100%;height:auto !important;margin-bottom:1px;} #menuRight ul#rightfittingsmenus ul {position:absolute;top:0;left:-10000px;right:auto;display:block;width:140px;height:auto;border:1px solid #235ea8;padding:0;font-size:0.9em;} #menuRight ul#rightfittingsmenus li:hover ul {left:auto;right:179px;} #menuRight ul#rightfittingsmenus li:hover a {background-color:#3f7ac3;} #menuRight ul#rightfittingsmenus ul li {margin-bottom:0;} #menuRight ul#rightfittingsmenus ul a:link {background-color:#2a66b0;color:#ffffff !important;border-top:1px solid #3a73b9;border-bottom:1px solid #235ea8;} #menuRight ul#rightfittingsmenus ul a:visited {background-color:#2a66b0;color:#ffffff !important;border-top:1px solid #3a73b9;border-bottom:1px solid #235ea8;} #menuRight ul#rightfittingsmenus ul a:hover {background-color:#235ea8;color:#ffffff !important;border-top:1px solid #2e67b0;border-bottom:1px solid #1c57a1;} a.bigBlueLink:link {float:left;width:92%;height:auto;margin:0 0 3px 0;padding:6px 4% 6px 4%;color:#ffffff !important;text-decoration:none;background-color:#0055a5;font-size:0.9em;line-height:1.4em;font-weight:bold;text-align:center;} a.bigBlueLink:visited {float:left;width:92%;height:auto;margin:0 0 3px 0;padding:6px 4% 6px 4%;color:#ffffff !important;text-decoration:none;background-color:#0055a5;font-size:0.9em;line-height:1.4em;font-weight:bold;text-align:center;} a.bigBlueLink:hover {float:left;width:92%;height:auto;margin:0 0 3px 0;padding:6px 4% 6px 4%;color:#ffffff !important;text-decoration:none;background-color:#00478a;font-size:0.9em;line-height:1.4em;font-weight:bold;text-align:center;} a.bigBlueLink:active {float:left;width:92%;height:auto;margin:0 0 3px 0;padding:6px 4% 6px 4%;color:#ffffff !important;text-decoration:underline;background-color:#0055a5;font-size:0.9em;line-height:1.4em;font-weight:bold;text-align:center;} a.biglBlueLink:link {float:left;width:92%;height:auto;margin:0 0 3px 0;padding:3px 4% 3px 4%;color:#ffffff !important;text-decoration:none;background-color:#558ed5;font-size:0.9em;line-height:1.4em;font-weight:bold;text-align:center;} a.biglBlueLink:visited {float:left;width:92%;height:auto;margin:0 0 3px 0;padding:3px 4% 3px 4%;color:#ffffff !important;text-decoration:none;background-color:#558ed5;font-size:0.9em;line-height:1.4em;font-weight:bold;text-align:center;} a.biglBlueLink:hover {float:left;width:92%;height:auto;margin:0 0 3px 0;padding:3px 4% 3px 4%;color:#ffffff !important;text-decoration:none;background-color:#3f7ac3;font-size:0.9em;line-height:1.4em;font-weight:bold;text-align:center;} a.biglBlueLink:active {float:left;width:92%;height:auto;margin:0 0 3px 0;padding:3px 4% 3px 4%;color:#ffffff !important;text-decoration:underline;background-color:#558ed5;font-size:0.9em;line-height:1.4em;font-weight:bold;text-align:center;} #menuRight a.biglBlueLink:link {color:#ffffff !important;width:92% !important;height:auto !important;margin:0;} #menuRight a.biglBlueLink:visited {color:#ffffff !important;width:92% !important;height:auto !important;margin:0;} a.lgradBlueLink:link {float:left;width:92%;height:auto;margin:0 0 3px 0;padding:3px 4% 3px 4%;color:#ffffff !important;text-decoration:none;background:#4e80bb url('/gfx/core/left-menu-grad.gif') repeat-x left top;font-size:0.9em;line-height:1.4em;font-weight:bold;text-align:center;} a.lgradBlueLink:visited {float:left;width:92%;height:auto;margin:0 0 3px 0;padding:3px 4% 3px 4%;color:#ffffff !important;text-decoration:none;background:#4e80bb url('/gfx/core/left-menu-grad.gif') repeat-x left top;font-size:0.9em;line-height:1.4em;font-weight:bold;text-align:center;} a.lgradBlueLink:hover {float:left;width:92%;height:auto;margin:0 0 3px 0;padding:3px 4% 3px 4%;color:#cdd5dd !important;text-decoration:none;background:#4e80bb url('/gfx/core/left-menu-grad-l.gif') repeat-x left top;font-size:0.9em;line-height:1.4em;font-weight:bold;text-align:center;} a.lgradBlueLink:active {float:left;width:92%;height:auto;margin:0 0 3px 0;padding:3px 4% 3px 4%;color:#ffffff !important;text-decoration:underline;background:#4e80bb url('/gfx/core/left-menu-grad.gif') repeat-x left top;font-size:0.9em;line-height:1.4em;font-weight:bold;text-align:center;} a.dgradBlueLink:link {color:#ffffff !important;background:#4e80bb url('/gfx/core/left-menu-gradD.gif') repeat-x left top;} a.dgradBlueLink:visited {color:#ffffff !important;background:#4e80bb url('/gfx/core/left-menu-gradD.gif') repeat-x left top;} a.dgradBlueLink:hover {color:#cdd5dd !important;background:#4e80bb url('/gfx/core/left-menu-gradD-l.gif') repeat-x left top;} a.dgradBlueLink:active {color:#ffffff !important;background:#4e80bb url('/gfx/core/left-menu-gradD.gif') repeat-x left top;} a.xtBigLink.dgradBlueLink {margin-bottom:1px !important;} a.bigGreenLink:link {float:left;width:92%;height:auto;margin:0 0 3px 0;padding:6px 4% 6px 4%;color:#ffffff !important;text-decoration:none;background-color:#00a651;font-size:0.9em;line-height:1.4em;font-weight:bold;text-align:center;} a.bigGreenLink:visited {float:left;width:92%;height:auto;margin:0 0 3px 0;padding:6px 4% 6px 4%;color:#ffffff !important;text-decoration:none;background-color:#00a651;font-size:0.9em;line-height:1.4em;font-weight:bold;text-align:center;} a.bigGreenLink:hover {float:left;width:92%;height:auto;margin:0 0 3px 0;padding:6px 4% 6px 4%;color:#ffffff !important;text-decoration:none;background-color:#008541;font-size:0.9em;line-height:1.4em;font-weight:bold;text-align:center;} a.bigGreenLink:active {float:left;width:92%;height:auto;margin:0 0 3px 0;padding:6px 4% 6px 4%;color:#ffffff !important;text-decoration:underline;background-color:#00a651;font-size:0.9em;line-height:1.4em;font-weight:bold;text-align:center;} a.bigRedLink:link {float:left;width:92%;height:auto;margin:0 0 3px 0;padding:6px 4% 6px 4%;color:#ffffff !important;text-decoration:none;background-color:#e81010;font-size:0.9em;line-height:1.4em;font-weight:bold;text-align:center;} a.bigRedLink:visited {float:left;width:92%;height:auto;margin:0 0 3px 0;padding:6px 4% 6px 4%;color:#ffffff !important;text-decoration:none;background-color:#e81010;font-size:0.9em;line-height:1.4em;font-weight:bold;text-align:center;} a.bigRedLink:hover {float:left;width:92%;height:auto;margin:0 0 3px 0;padding:6px 4% 6px 4%;color:#ffffff !important;text-decoration:none;background-color:#cd1212;font-size:0.9em;line-height:1.4em;font-weight:bold;text-align:center;} a.bigRedLink:active {float:left;width:92%;height:auto;margin:0 0 3px 0;padding:6px 4% 6px 4%;color:#ffffff !important;text-decoration:underline;background-color:#e81010;font-size:0.9em;line-height:1.4em;font-weight:bold;text-align:center;} a.bigOrangeLink:link {float:left;width:92%;height:auto;margin:0 0 3px 0;padding:8px 4% 8px 4%;color:#ffffff !important;text-decoration:none;background-color:#f58026;font-size:0.9em;line-height:1.4em;font-weight:bold;text-align:center;} a.bigOrangeLink:visited {float:left;width:92%;height:auto;margin:0 0 3px 0;padding:8px 4% 8px 4%;color:#ffffff !important;text-decoration:none;background-color:#f58026;font-size:0.9em;line-height:1.4em;font-weight:bold;text-align:center;} a.bigOrangeLink:hover {float:left;width:92%;height:auto;margin:0 0 3px 0;padding:8px 4% 8px 4%;color:#ffffff !important;text-decoration:none;background-color:#d16009;font-size:0.9em;line-height:1.4em;font-weight:bold;text-align:center;} a.bigOrangeLink:active {float:left;width:92%;height:auto;margin:0 0 3px 0;padding:8px 4% 8px 4%;color:#ffffff !important;text-decoration:underline;background-color:#f58026;font-size:0.9em;line-height:1.4em;font-weight:bold;text-align:center;} a.bigOrangeLink span {float:left;width:100%;clear:left;font-weight:normal;font-size:0.9em;} a.xtBigLink {padding-top:9px !important;padding-bottom:9px !important;} /* Right column (inner pages) */ #rightContainer { clear: right; float: right; width: 165px; height: 300px; color: #808080; background: transparent; text-align: justify; font: normal 8pt verdana; padding-left: 10px; padding-right: 10px; } #rightContainer b,strong { font: bold 8pt verdana; } #rightContainer a:link { color: #404040 !important; font: normal 8pt verdana !important; } #rightContainer a:visited { color: #404040 !important; font: normal 8pt verdana !important; } #rightContainer h1 { color: #000060; border-bottom: 1px dotted #000060; letter-spacing: 2px; padding-bottom: 2px; } #rightGrid { width: 165px; background: transparent; margin-bottom: 20px; text-align: left; } #rightGrid a:link { color: #808080 !important; text-decoration: none; } #rightGrid a:visited { color: #808080 !important; text-decoration: none; } #rightGrid a:hover { color: #000060 !important; text-decoration: none; } #rightGrid div { border-bottom: 1px solid #c0c0c0; margin-bottom: 10px; padding-bottom: 5px; height: 32px; } #rightGrid div:hover { border-bottom: 1px solid #000000; margin-bottom: 10px; padding-bottom: 5px; height: 32px; } #rightGrid div img { margin-bottom: 10px; } /* Footer (non-home page and home page have different css - see below)... */ #grouplogos { position:absolute;bottom:-60px;left:0;width:96%; padding: 0 2% 0 2%; font: normal 8pt verdana !important; border-top: 0px solid red;margin:0;text-align:center;color:#123f6e; } #grouplogos img { margin:0 8px 0 8px; } #grouplogos a:hover { opacity:0.5; } #quickLinks { position:absolute;bottom:-100px;left:0;width:96%;height:15px; padding: 25px 2% 0 2%; font: normal 8pt verdana !important; border-top: 0px solid red;margin:0;text-align:center;color:#123f6e;background: transparent url(/gfx/back/cmsContainer.gif) repeat-x left top; } #quickLinks a:link { text-decoration: underline; font: normal 8pt verdana !important;color:#123f6e !important; } #quickLinks a:visited { text-decoration: underline; font: normal 8pt verdana !important;color:#123f6e !important; } #quickLinks a:hover { text-decoration: none;color:#123f6e !important; } #quickLinks a:active { text-decoration: none; color:#ffffff !important; background: #123f6e; } body.fittingscanvas #quickLinks { position:absolute;bottom:10px;left:0;width:96%; padding: 0 2% 0 2%; font: normal 8pt verdana !important; border-top: 0px solid red;margin:15px 0 0 0;text-align:center;color:#123f6e;background-image:none; } #pageFooter { position:absolute;bottom:-45px;left:0;color: #808080; clear: both; width: 100% !important; height: auto; margin: 0; font: normal 8pt verdana; text-align: center; } #pageFooter div.inner { padding: 5px; font-size: 8pt !important; } #pageFooter a:link { color: #808080 !important; font: normal 8pt verdana !important; } #pageFooter a:visited { color: #808080 !important; font: normal 8pt verdana !important; } #pageFooter b { color: #808080 !important; font: bold 8pt verdana; } #homepageFooter { color: #808080 !important; width: auto !important; height: 40px; color: #000066; background: url(/gfx/back/homepageFooter.gif) repeat-x; margin: 50px auto 10px auto; font: normal 8pt verdana; text-align: center; padding-top: 15px; border-bottom: px solid red; } #homepageFooter a:link { color: #808080 !important; font: normal 8pt verdana !important; } #homepageFooter a:visited { color: #808080 !important; font: normal 8pt verdana !important; } /* Homepage 2011 */ div#homeVision {position:relative;top:0;left:0;float:left;width:800px;height:432px;margin:0 0 8px 0;padding:0;background:url('/gfx/core/vision-4-clear-vision-avk.jpg') no-repeat left top;} div#homeVision div#visionText {position:absolute;top:25px;right:20px;float:left;width:170px;height:395px;margin:0;padding:0;overflow:hidden;} div#homeVision div#visionText p {font-size:0.75em;} div#homeVision div#visionText p a {font-size:1em;} div#homeVision div#visionText h4 {color:#ffffff;font-weight:normal;font-size:1.9em;padding:0;margin:0 0 5px 0;} div#homeIntro {position:relative;top:0;left:0;float:left;width:780px;height:auto;padding:10px;margin:0 0 0 10px;color:#ffffff;} div#homeIntro h1, div#homeIntro h2, div#homeIntro h3, div#homeIntro h4, div#homeIntro h5 {color:#ffffff;font: bold 1.2em verdana;margin-top:0px;padding-top:0;} div#homeIntro strong {color:#ffffff !important;} /* Fittings Homepage 2011 */ div#homeFittings {position:relative;top:0;left:0;float:left;width:800px;height:432px;margin:0 0 8px 0;padding:0;background:url('/gfx/core/fittings/eaton-st-pumping-station.jpg') no-repeat left top;} div#homeFittings div.homeFittings {position:absolute;top:0;left:0;display:none;float:left;width:800px;height:432px;margin:0 0 0 0;padding:0;background-repeat: no-repeat;background-position: left top;} /* Home Page Footer Tiles */ .cell#badges { } #tileContainer { width: 100%; margin: 0px auto 0px auto; position: relative; background-color: #FFFFFF; text-align: center !important; } #tileContainer div { width: 50%; } #tile1and2 { float: left; height: 90px; } #tile3and4 { float: right; clear: right; } .homeFootTileCell { margin-top: 0px; margin-left: auto; margin-right: auto; vertical-align: top !imoportant; } .homeFootTileCell img { margin: 5px; margin-left: 0px; margin-right: 0px; background: url(/gfx/back/tileReflection.gif) no-repeat bottom; vertical-align: top !important; padding-bottom: 30px; } .homePageFootTile { border: 1px solid #FFFFFF; filter: alpha(opacity=80); } .homePageFootTileHi { border: 1px solid #FFFFFF; } .childHi { background: #FFFFFF !important; border-bottom: 1px solid #000060; } // determines the background colour of the drop-menu items when in "hover" mode. /* Categories... */ .categoriesBlock { float:left;background: transparent !important; } #categoriesContainer { border: 0px solid red; } #catIntroText { display: inline; position: relative; left: 15px; top: 10px; border: 0px solid red; clear: right; width: 400px; } .categoriesPadding { width: 30px; height: 30px; background-color: #FFFFFF; } .catPageTitle { padding: 0px; margin: 0px; border-top: 1px solid #FFFFFF !important; } #catPageTitleWaterSupply { background: #87b5e6 url(/gfx/back/catWaterSupply.jpg) no-repeat left top !important; } h1.categoriesHeader { color: #000060; padding: 20px 0px 8px 15px; font-size: 20px !important; background-repeat: no-repeat; } #introForCategories { clear: left; border: 0px solid red; margin-left: 20px; margin-top: 5px; background: transparent; } #introForCategories:first-line { color: #000060 !important; font: bold 10pt verdana !important; } .catThumb { float: left; width: 105px; height: 125px; padding: 5px; margin: 0px 0px 10px 10px; border: 1px solid #FFFFFF; text-align:center; } .catThumbHi { color: blue !important; float: left; width: 105px; height: 125px; padding: 5px; margin: 0px 0px 10px 10px; border: 1px solid #000066; text-align:center; cursor: pointer; text-decoration: underline !important; } .catThumbGrid { height: 85px; text-align: center; border: 1px solid #FFFFFF; background-color: #FFFFFF; } .catLabel { font: normal 8pt verdana !important; } .childcat { float: left; width: 240px; min-height: 100px; padding: 5px; border: 1px solid #FFFFFF; margin: 20px 0px 10px 10px; text-align: left; font: normal 8pt verdana !important; } .childcatHi { float: left; color: blue !important; width: 240px; min-height: 100px; padding: 5px; border: 1px solid #000066; margin: 20px 0px 10px 10px; text-align: left; font: normal 8pt verdana !important; cursor: pointer; } .childcatLabel { } .childcatLabel p { color: #000000 !important; font: normal 8pt verdana !important; } .childcatLabel p:first-line { font: bold 10pt verdana !important; font-weight: bold !important; text-decoration: underline !important; } .childcatThumbGrid { float: left; width: 85px; height: 100px; overflow:hidden;text-align: center !important; border: 1px solid #FFFFFF; background-color: #FFFFFF; } .childcatThumbGrid img { } .thumbnail-box-180 { float:left; width: 170px; border:1px solid white; margin: 5px; height:95px; padding: 10px; } .thumbnail-box-180-over { float:left; width: 170px; border:1px solid black; margin: 5px; height:95px; padding: 10px; cursor: pointer; } .thumbnail-box-text { float:right; margin:0px; margin-top:15px; margin-right:5px; } /* Products... */ .productBlock { float:left; margin: 0 0 15px 10px; padding-top: 0px; line-height: 20px; border: 0px solid red; } .productDetailLine { color: #808080; height: 1px; } #prodName { border-top: 0px solid red; } .productName { color: #000060; font: bold 10pt verdana !important; letter-spacing: 2pt !important; line-height: 25px !important; border: 0px solid red; } #prodDescription { float:left;width:535px;line-height: 25px; height: auto; background: transparent; padding: 20px 0px 0px 0px; border: 0px solid red; } #prodImages { float: left; width: 255px; height: auto; border-top: 0px solid red; padding: 20px 10px 0px 0px; background: transparent; border: 0px solid red; } #prodImageBigGrid { border-top: 0px solid red; width: 250px; height:auto;min-height: 250px;padding-bottom:15px; } #prodImageBig { border-top: 0px solid red; width: 250px; } #prodImageBig p { margin:0; } #additionalPhotos { clear: both; border-top: 0px solid red; font: normal 8pt verdana; padding: 5px 0px 5px 0px; } #prodFeatures { float: left; border: 0px solid red; padding-top: 10px; } #prodFeatures ul { color: #404040;padding:10px 0 0 20px; } #prodFeatures ul li {margin-bottom:5px;} #prodFeatures h2 {border-top: 1px solid #808080;} #prodFeatures ul#productDetailFootLinks {border-top: 1px solid #808080;} #prodThumbnails { color: #a0a0a0; clear: left; margin-left: 0px; text-align: center; font: normal 8pt verdana !important; letter-spacing: 2px; } .prodThumbnail { float: left; width: 80px; border: 1px solid #808080; text-align: center; margin: 0px 3px 3px 0px; filter: alpha(opacity=40); } .prodThumbnailHi { float: left; width: 80px; border: 1px solid #606060; text-align: center; margin: 0px 3px 3px 0px; cursor: pointer; } #productDetailFootLinks { color: #000060; font: normal 8pt verdana !important; list-style-type: square; border: 0px solid red; } #prodDescription #rightContainer {float:left;width:505px;height:auto;padding:0 10px 10px 10px;margin:15px 10px 0 0;border-top:3px solid #D9D9D9;background-color:#f3f3f3;} #prodDescription #rightContainer h1 {border:none;font-weight:bold;color:#a6a6a6;} #prodDescription #rightContainer #rightGrid {float:left;width:515px;} #prodDescription #rightContainer #rightGrid div {display:inline;float:left;width:240px;margin:5px 15px 10px 0;} #prodDescription ul li {line-height:1em;margin-bottom:3px;} /* Links... */ #usefulLinks { color: #808080; clear: both; margin-left: 200px; } #usefulLinks a:link { color: #000060; font: normal 8pt verdana !important; text-decoration: none !important; } #usefulLinks a:visited { color: #000060; font: normal 8pt verdana !important; text-decoration: none !important; } #usefulLinks a:hover { color: #000060; font: normal 8pt verdana !important; text-decoration: underline !important; } a.whiteboldlink:link {color:#ffffff !important;font-weight:bold;text-decoration: none !important;} a.whiteboldlink:visited {color:#ffffff !important;font-weight:bold;text-decoration: none !important;} a.whiteboldlink:hover {color:#ffffff !important;font-weight:bold;} a.whiteboldlink:active {color:#f3f3f3 !important;font-weight:bold;} /* Standard pages... */ .page { margin-left: 15px; padding-top: 0px; border: 0px solid red; } /* Login and Register... */ .loginBlock { margin-left: 15px; padding-top: 0px; } .registerBlock { margin-left: 15px; padding-top: 0px; } /* old discontinued css from styles.css ??? */ h1.fire-fighting { background-image: url(/gfx/h1-bg-fire-fighting.jpg); background-color: #B33D28; } h1.gas-supply { background-image:url(/gfx/h1-bg-gas-supply.jpg); background-color:#3D3F8C; } h1.sewage-treatment { background-image:url(../gfx/h1-bg-sewage-treatment.jpg); background-color:#214028; } /* Debug stuff */ .errorTd { color: #cc0000 !important; font: normal 8pt "MS Sans Serif",verdana; } .BlockShow { clear: left; font: normal 10pt fixedsys; color: red; border: 2px solid red; padding: 2px; background: yellow; } .slideSpacer { width: 1px; height: 1px; } /* iFrames */ #avkTv.panels { width: 713px; height: 91px; padding: 0px; margin: 5px auto 0px auto; background-color: #FFFFFF; } #iFrame.slides { width: 179px; height: 68px; background-color: #eeeeee; border: 0px; padding: 0px; margin: 0 0 7px 0; } /* Statistics */ #googleAnalytics { clear: both !important; width: 5px; height: 5px; overflow: hidden; background-color: transparent; } /* End of .css file. Have a nice day :-) */