/* lucidgraphics.co.uk - Designed and developed by © Lucid Graphics 2010 Credits: http://www.twinhelix.com/css/iepngfix/ http://meyerweb.com/eric/tools/css/reset/ ----------------------------------------------------------*/ @import "reset.css"; html {height:100%;color:#eee;font-size:12px;} BODY {height:100%;font-family:Arial, Helvetica, sans-serif;background:url('../_images/_bgs/cardboard.gif') repeat #bea67a;} #globalWrapper {width:100%;background: url('../_images/_bgs/header-rpt.jpg') repeat-x;} #header {height:131px;font-size:16px;width:1000px;background:url('../_images/_bgs/header2.jpg') no-repeat;} #header-main {height:106px;} #header-main-left {float:left;margin:0 5px 0 5px;padding:3% 0 0 0;width:480px;font-size:36px;} #header-main-left-surrey {float:left;margin:0 5px 0 5px;padding:10px 0 0 0;width:130px;font-size:36px;} #header-main-left-search {float:left;margin:0 0 0 5px;padding:10px 0 0 0;width:330px;font-size:36px;} #header-main-right {float:right;width:230px;} #header-main-right-subnav {margin:5px 0 0 0;font-size:12px;float:right;padding:0 20px 0 0;} #header-main-right-subnav li {display:inline;padding:0 10px 0 0;text-shadow:0px -1px 1px #083c05;} #header-main-right-search {margin:20px 0 0 0;font-size:12px;float:right;padding:0 20px 0 0;} #header-nav {margin:1px 5px 0 18px;font-size:14px;text-shadow:0px -1px 1px #083c05;} #sddm {margin:0;padding:0;z-index:30;} #sddm li {margin:0;padding:0;list-style:none;float:left;font-size:14px;} #sddm li a {display:block;margin: 0 1px 0 0; padding: 2px 35px 0 0;background: #;color: #FFF;text-align: center; text-decoration: none} #sddm li a:hover {background: #;color:#92c82a;} #sddm div {position: absolute;visibility: hidden;margin:8px -10px;padding:0;background:#3f8048;border-bottom:1px solid #3f4610} #sddm div a {position: relative;display: block;margin: 0;padding: 7px 10px;width: auto;text-align: left;text-decoration: none;background: #176114;color: #fff;font-size:12px} #sddm div a:hover {background: #3f8048;color: #FFF} #contentWrapper {margin-right:auto;margin-left:auto;width:1000px;} #content {margin:10px 0 0 0;} #content-top-layer {height:270px;} #content-top-layer-intro {margin:0 0 0 10px;float:left;width:386px;height:252px;background:url(../_images/_panels/intro.jpg) no-repeat;} #content-top-layer-revolver {margin:0 10px 0 0;float:right;width:590px;height:252px;} #content-bottom-layer {height:400px;margin:-12px 0 0 0;} #content-bottom-layer-tabWrapper {float:left;width:785px;height:400px;} #content-bottom-layer-tabWrapper-topWrapper {height:190px;} #content-bottom-layer-tabWrapper-topWrapper-left {margin:0 0 0 10px;float:left;width:386px;height:187px;background:url('../_images/_panels/tableft.jpg') no-repeat;} #content-bottom-layer-tabWrapper-topWrapper-right {float:right;width:386px;height:187px;background:url('../_images/_panels/tabright.jpg') no-repeat;} #content-bottom-layer-tabWrapper-bottom {margin:0 0 0 10px;width:775px;height:207px;background:url('../_images/_panels/tabbottom2.jpg') no-repeat;} .content-bottom-layer-tabWrapper-bottom-tab {margin:0 0 0 0;width:190px;float:left;height:100px;} #content-bottom-layer-caseStudies {margin:0 10px 0 0;float:right;width:203px;height:389px;background:url('../_images/_panels/tabcasestudy.jpg') no-repeat;} /* Legislation */ #legTop {width:1000px;height:273px;background:url('../_images/_extras/legislationTop.jpg') no-repeat;color:#392617;} #legTopContent {width:320px;padding:27px 40px 20px 40px;} .legkeyline {font-weight:bold;font-size:18px;text-shadow:0px 1px 1px #fff;} #legTopText {width:320px;padding:10px 30px 0px 40px;line-height:17px;} .legText {font-weight:normal;font-size:12px;text-shadow:0px 1px 1px #fff;} #legBottomHeader {width:1000px; height:23px;background:url('../_images/_extras/legcontenttop.jpg') no-repeat;} #legBottomLiqued {width:940px;background:url('../_images/_extras/legcontentmid.jpg') repeat-y;padding:10px 10px 20px 40px;color:#392617;text-shadow:0px 1px 1px #fff;} #legBottomFooter {width:1000px; height:35px;background:url('../_images/_extras/legcontentbot.jpg') no-repeat;} #legContentWrapper {padding:15px 15px 0 15px;text-shadow:0px 1px 1px #fff;font-size:12px;line-height:18px;} #legContentLeft {float:left;width:430px;border-right:1px solid #cfc9b3;padding:0 20px 0 0;height:540px;} #legContentRight {float:left;width:430px;border-left:1px solid #fff;padding:0 0 0 20px;height:540px;} #legContentShort {padding:0 40px 20px 0px;} #LegContentShortDivider {width:870px;border-top:1px solid #cfc9b3;border-bottom:1px solid #fff;height:0px;} #legContentFinal {padding:20px 40px 0 0;} /* Next Steps */ #nextStepsWrapper {color:#302a1e;text-shadow:0px 1px 1px #ffffff;} #nextStepsTop {background:url('../_images/_nextsteps/nextTopGrad.jpg') no-repeat;height:52px;} .nextTitle {padding:22px 40px 0 35px;font-size:14px;font-weight:bold;text-shadow:0px 1px 1px #ffffff;} #nextStepsMid {background:url('../_images/_nextsteps/nextMidLight.jpg') repeat-y;height:100%;} #nextStepsMid img {padding:0 0 0 16px;} .nextContent {padding:18px 40px 10px 35px;font-size:12px;font-weight:normal;line-height:18px;} .boldit {font-weight:bold;} #nextStepsBot {background:url('../_images/_nextsteps/nextBotLight.jpg') repeat-y;height:28px;} /* holding Sectors */ #holdingPanelLeftWrapper {float:left;width:222px;color:#302a1e;margin-bottom:10px;} #holdingPanelRightWrapper {float:left;width:770px;color:#302a1e;} #holdingIntroPanel {background:url('../_images/_sect/holdingIntroPanel.jpg') no-repeat;height:504px;} #holdingPanelSectors {background:url('../_images/_sect/holdingPanelRight.jpg') no-repeat;height:504px;} .holdingPanelSectorsFloat {float:left;width:256px;} .holdingSectorTabs {padding:20px 0 0 15px;font-size:13px;font-weight:bold;text-shadow:0px 1px 1px #ffffff;} /* revised */ #holdingWrapper {background:url('../_images/_sect/holdingNew.jpg') no-repeat;height:522px;color:#302a1e;} #holdingWrapperGreen {background:url('../_images/_sect/holdingGreen.jpg') no-repeat;height:522px;color:#302a1e;} #holdingWrapperTop {height:171px;} #holdingIntroWrapper {float:left;width:450px;padding-top:4px;} #holdingTop2Wrapper {float:left;width:510px;margin:4px 0 0 17px;} .holdingTop2 {float:left;width:255px;} #holdingBottomWrapper {float:left;width:772px;} #holdingSectWrapper {float:left;width:182px;padding:21px 0px 0 30px;font-size:12px;line-height:16px;} .holdingSectorTabs2 {padding:20px 0 0 15px;font-size:13px;font-weight:bold;text-shadow:0px 1px 1px #ffffff;margin-top:8px;} #sectorSub li {list-style:circle;padding:0 0 10px 2px;margin-left:15px;} /* Sectors */ #sectorLeftWrapper {float:left;width:778px;color:#302a1e;margin-bottom:5px;} #sectorRightWrapper {float:left;width:222px;color:#302a1e;} .sectorTitleBox {height:46px;background:url('../_images/_sect/mainPanelTop.jpg') no-repeat;} .sectorImageWrapper {} .sectorMainRepeat {background:url('../_images/_sect/mainPanelRepeat.jpg') repeat-y;} .sectorMainBottom {background:url('../_images/_sect/mainPanelBottom.jpg') no-repeat;height:35px;} .sectorPanelRepeat {background:url('../_images/_sect/panelRepeat.jpg') repeat-y;} .sectorPanelBottom {background:url('../_images/_sect/panelBottom.jpg') no-repeat;height:32px;} .sectorPanelFloat1 {float:left;width:380px;} .sectorTitleWrapper {padding:21px 0 0 35px;font-size:14px;font-weight:bold;text-shadow:0px 1px 1px #ffffff;} .sectorMainTextWrapper {padding:20px 30px 0 35px;font-size:12px;line-height:18px;text-shadow:0px 1px 1px #f4eede;} .sectorPanelTextWrapper {padding:14px 20px 0 35px;font-size:12px;line-height:18px;} .sectorPanelRightTextWrapper{padding:22px 10px 0 35px;font-size:12px;line-height:16px;} .sectorPanelRhs {padding:28px 30px 0 35px;font-size:12px;line-height:16px;} #sectorPanelRight {height:640px;background:url('../_images/_sect/quickWins3.jpg') no-repeat;} #sectorPanelRightGreen {height:640px;background:url('../_images/_sect/quickWins2.jpg') no-repeat;} #sectorBullets li {list-style:circle;padding-left:5px;margin-left:40px;} #sectorSpacer {height:145px;} #quickWinsDivider {height:0px;border-top:1px #aa9c81 solid;border-bottom:#ddd1b9 1px solid;} #quickWinsDividerLight {height:0px;border-top:1px #ddd1b9 solid;border-bottom:#ffffff 1px solid;} /* Featured Panel */ #featuredWrapper {float:left;width:222px;color:#302a1e;} #featuredTop {height:46px;background:url('../_images/_featured/top.jpg') no-repeat;} #featuredMid {height:auto;background:url('../_images/_featured/mid.jpg') repeat-y;} #featuredBot {height:50px;background:url('../_images/_featured/bot.jpg') no-repeat;} #featuredTitle {padding:20px 20px 10px 30px;line-height:16px;font-weight:bold;font-size:14px;text-shadow:0px 1px 1px #ffffff;} #featuredCopy {padding:10px 30px 25px 30px;line-height:16px;text-shadow:0px 1px 1px #ffffff;} /* Case Studies */ #caseStudyRhs {padding:10px;} .collectMainTextWrapper {padding:20px 70px 0 35px;font-size:12px;line-height:18px;text-shadow:0px 1px 1px #f4eede;} /* footer */ #footerWrapper {width:100%;background: url('') repeat-x;margin:0 0 13px 0;} #footer {margin-right:auto;margin-left:auto;width:1000px;} #footertxt {margin:0 5px 5px 17px;color:#644f3c;font-size:12px;text-shadow:0px 1px 1px #eee1d6;} /* extras */ #bullets li {list-style:circle;padding-left:10px;margin-left:15px;} #bulletLinks li {list-style:circle;padding-left:10px;margin-left:35px;} #numbered {list-style:decimal;padding-left:10px;margin-left:15px;} .sup {position: relative;bottom: 0.2em;font-size: 0.8em;vertical-align:top;} .sup2 {position: relative;bottom: 0.2em;font-size: 0.8em;vertical-align:top;} a.sup {color:#277014;text-decoration:none;} a.sup:hover {color:#92c82a;text-decoration:underline;} a.sup:visited {color:#277014;text-decoration:none;} a.sup:visited:hover {color:#92c82a;text-decoration:underline;} #suptext {font-size:10px;margin:20px 0 0 0;color:#277014;} a.next {color:#302a1e;text-decoration:underline;} a.next:hover {color:#92c82a;text-decoration:underline;} a.next:visited {color:#302a1e;text-decoration:underline;} a.next:visited:hover {color:#92c82a;text-decoration:underline;} a {color:#cbe9c7;text-decoration:none;} a:hover {color:#92c82a;text-decoration:none;} a:visited {color:#cbe9c7;text-decoration:none;} a:visited:hover {color:#92c82a;text-decoration:none;} a.tabs {color:#362e17;text-decoration:none;} a.tabs:hover {color:#92c82a;text-decoration:none;} a.tabs:visited {color:#362e17;text-decoration:none;} a.tabs:visited:hover {color:#92c82a;text-decoration:none;} a.caseStudy {color:#f4eddd;text-decoration:none;} a.caseStudy:hover {color:#302a1e;text-decoration:underline;} a.caseStudy:visited {color:#f4eddd;text-decoration:none;} a.caseStudy:visited:hover {color:#302a1e;text-decoration:underline;} a.temps {color:#d4f0d7;text-decoration:none;} a.temps:hover {color:#d4f0d7;text-decoration:underline;} a.temps:visited {color:#d4f0d7;text-decoration:none;} a.temps:visited:hover {color:#d4f0d7;text-decoration:underline;} a.sgsfooter {color:#644f3c;text-decoration:none;} a.sgsfooter:hover {color:#644f3c;text-decoration:underline;} a.sgsfooter:visited {color:#644f3c;text-decoration:none;} a.sgsfooter:visited:hover {color:#644f3c;text-decoration:underline;} a.sectors {color:#302a1e;text-decoration:underline;} a.sectors:hover {color:#f4eede;text-decoration:none;} a.sectors:visited {color:#302a1e;text-decoration:underline;} a.sectors:visited:hover {color:#f4eede;text-decoration:none;} a.holdingTabs {color:#302a1e;text-decoration:none;} a.holdingTabs:hover {color:#176114;text-decoration:none;} a.holdingTabs:visited {color:#302a1e;text-decoration:none;} a.holdingTabs:visited:hover {color:#176114;text-decoration:none;} a.linkUps {color:#302a1e;text-decoration:underline;} a.linkUps:hover {color:#302a1e;text-decoration:none;} a.linkUps:visited {color:#302a1e;text-decoration:underline;} a.linkUps:visited:hover {color:#302a1e;text-decoration:none;} #view {height: 20px;width: 79px;overflow: hidden;background: url('../_images/_btns/viewroll.gif') top no-repeat;display:block;} #view:hover {background-position:bottom;} #view2 {height: 20px;width: 79px;overflow: hidden;background: url('../_images/_btns/viewroll.gif') top no-repeat;display:block;} #view2:hover {background-position:bottom;} #pdfdownload {height: 103px;width: 143px;overflow: hidden;background: url('../_images/_sect/downloadroll.jpg') top no-repeat;display:block;} #pdfdownload:hover {background-position:bottom;} #collect {height: 62px;width: 222px;overflow: hidden;background: url('../_images/_btns/collect.gif') top no-repeat;display:block;} #collect:hover {background-position:bottom;} #recycle {height: 62px;width: 222px;overflow: hidden;background: url('../_images/_btns/recycle.gif') top no-repeat;display:block;} #recycle:hover {background-position:bottom;} #csOptions {margin:0 0 10px 0;} #introtxt {margin:40px;color:#362e17;font-size:14px;text-shadow:0px 1px 1px #fff;line-height:20px;} .tabtxt {margin:18px;color:#362e17;font-size:14px;text-shadow:0px 1px 1px #fff;line-height:20px;font-weight:bold;} #csTitle {margin:18px;color:#362e17;font-size:14px;text-shadow:0px 1px 1px #fff;line-height:20px;font-weight:bold;} #csSubtitle {margin:30px 18px 0px 18px;color:#362e17;font-size:12px;line-height:20px;} .csCompany {margin:2px 18px 2px 18px;color:#362e17;font-size:14px;line-height:20px;font-weight:bold;} .csDesc {margin:2px 18px 2px 18px;color:#362e17;font-size:11px;line-height:14px;} .csDescBottom {margin:2px 18px 2px 18px;color:#362e17;font-size:11px;line-height:16px;} .csBtn {margin:10px 18px 10px 18px;color:#362e17;line-height:17px;font-size:12px;} #csdivider {margin:8px 18px 8px 18px;border-top:#b0a48a 1px solid;border-bottom:1px #ded5c6 solid;} .multitabtxt {margin:20px 0 0 18px;color:#362e17;font-size:14px;text-shadow:0px 1px 1px #fff;line-height:20px;font-weight:bold;} .vividGreen {color:#96ce17;} .red {color:#900;} .lightText {color:#f4eddd;text-shadow:none;} .readyFormSpacer {margin:0 0 10px 0;} h1 {font-size:30px;} h2 {font-size:26px;} h3 {font-size:22px;} h4 {font-size:18px;} h5 {font-size:14px;} h6 {font-size:12px;} #printingHeader {display:none;} img, div {behavior: url(iepngfix.htc)} #m2 {z-index:1;} #hide {display:none;visibility:hidden;} /** You can use this style for your INPUT, TEXTAREA, SELECT elements **/ .myinputstyle { border: 1px solid #908060; /** remember to change image path **/ background: url(../_images/_extras/formbg2.png) repeat-x #908060; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-size: 14px; color: #f4eee1; padding:4px; margin:0 0 10px 0; width:230px; } .myinputstyle2 { border: 1px solid #908060; /** remember to change image path **/ background: url(../_images/_extras/formbgx.png) repeat-x #908060; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-size: 14px; color: #f4eee1; padding:4px; } /** You can use this style for your LABEL elements **/ .mylabelstyle { font-family: Arial, Helvetica, sans-serif; font-style: bold; font-size: 13px; color: #625232; width:8em;float:left; }