body {font-family:Verdana, Arial, Helvetica, sans-serif;margin:0 0 0 0;padding:0 0 0 0;background-color:#E3E3E3;}

/* Page frame */
div.frame {min-width:1000px;}

/* The header */
div.header {margin:0 0 0 0;padding:0 0 0 0;border:none;background-color:White;}
div.header img {border:none;}


/* Primary links */
div.primarynav {border-bottom:1px dotted #333333;margin:10px 15px 10px 20px;padding-bottom:15px;}
div.containerleft div.primarynav ul {list-style-type:none; color: #333333;font-family:Verdana, Arial, Helvetica, sans-serif;margin:0 0 0 0;padding:0 0 0 0;}
div.containerleft div.primarynav ul li {padding-left:15px;background-image: url(../images/css/primary-nav-bullet.gif); background-repeat:no-repeat;}
div.containerleft div.primarynav ul li a {font-weight:bold;font-size:10px;text-decoration:none;color:#333333;}
div.containerleft div.primarynav ul li a:hover {color:#9ACA00;}
div.containerleft div.primarynav ul li.selected {background-image:url(../images/css/primary-nav-bullet-hover.gif);}
div.containerleft div.primarynav ul li.selected a {color:#9ACA00;}


/* Secondary Navigation */
div.containerleft div.primarynav ul li ul.secondary {list-style-type:disc;margin:0 0 0 -25px;padding:0 0 10px 0;list-style-position:inside;}
div.containerleft div.primarynav ul li ul.secondary li {background-image:none;margin:0 0 0 0;}
div.containerleft div.primarynav ul li ul.secondary li:hover {color: #9ACA00; }
div.containerleft div.primarynav ul li ul.secondary li a { color: #333333; font-weight:normal;font-size:9px;}
div.containerleft div.primarynav ul li ul.secondary li a:hover { color: #9ACA00; }
div.containerleft div.primarynav ul li ul.secondary li.selected { color: #9ACA00; }
div.containerleft div.primarynav ul li ul.secondary li.selected a { color: #9ACA00; }


/*Sub page navigation */
div.subnav {border-bottom:1px dotted #333333;margin:10px 15px 10px 20px;padding-bottom:15px;}
div.subnav ul {list-style-type:none;color:#333333;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;font-size:10px;margin:0 0 0 0;padding:0 0 0 0;}
div.subnav ul li {padding-left:15px;background-image:url(../images/css/subnav-bullet.gif);background-repeat:no-repeat;background-position:left center;padding-top:2px;}
div.subnav ul li a {font-weight:normal;text-decoration:none;color:#333333;}
div.subnav ul li a:hover {color:#9ACA00;}
div.subnav ul li a.selected {color:#9ACA00;}


/* Crumbtrail */
div.crumbtrail {padding:3px 0 0 0;font-size:9px;font-weight:normal;font-family:Verdana, Arial, Helvetica, sans-serif; color: White; height: 40px; background-image: url(../images/css/crumbtrail-layout.gif); background-repeat: repeat-x; padding-left: 22px;}
div.crumbtrail a { color: White; padding-left: 5px; text-decoration:none;}
div.crumbtrail a.selected { color:#9ACA00; }
div.crumbtrail a:hover { color: #9ACA00; }


/* Right panel toplinks */
div.righttopcontainer { margin-top: -10px; width: 360px; float: right; height: 34px; background-image: url(../images/css/topright-links-bg.gif); background-repeat: repeat-x; }
div.righttoplinks {margin:-26px 0 0 50px; padding:0;}
div.righttoplinks a {background-image:url(../images/css/bullet-white.gif);background-position:right;background-repeat:no-repeat;padding-right:13px;margin:0 0 0 10px;font-size:12px;font-weight:bold;color:White;text-decoration:none;}
div.righttoplinks a:hover {color:#333333;} 

/* Main container */
div.container {position: relative; display: block; border-left: 200px solid #ffffff; border-right: 200px solid #ffffff; overflow: visible;background-color:White;background-image:url(../images/css/mainpanel-bg.gif);background-repeat:no-repeat;background-position:right bottom;min-width:450px;margin:0 0 0 0;}

/* Main content / text */
div.maincontent {margin:0 0 0 0;padding:0 0 0 0;border-right:1px dotted #333333;min-height:450px;height:auto !important;height:450px;overflow:visible;}
div.container div.maincontent h1 {margin:0 15px 20px 15px; padding-bottom:10px; font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;font-size:1.25em;  color: #333333; border-bottom: 1px dotted #333333; }
div.container div.maincontent h2 {margin: 15px 15px 0 15px; color: #9ACA00;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight: bold;font-size:12px;}
div.container div.maincontent h2 span {font-weight:normal;}
div.container div.maincontent h2.grad {font-weight:normal;background-image:url(../images/css/grad-white-left-h2.gif);background-repeat:no-repeat;background-position:left;min-width:200px;font-size:11px;color:#333333;padding:5px 5px 5px 5px;}
div.container div.maincontent p { margin: 0 15px 20px 15px; font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;font-size:11px;color:#333333;line-height:16px;}
div.container div.maincontent p.footnote {font-style:italic;font-weight:normal;font-size:10px;color:#333333;line-height:16px;}
div.container div.maincontent a { font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;font-size:11px;color:#9ACA00;line-height:16px;text-decoration:none;}
div.container div.maincontent a:hover {text-decoration:underline;}
div.container div.maincontent ul {list-style-type:disc;}
div.container div.maincontent li {font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;font-size:11px;padding-bottom:10px;}
div.container div.maincontent li.links {color:#9ACA00;}
div.container div.maincontent li a {color:#9ACA00;}
div.container div.maincontent li span {color:#333333;}
div.container div.maincontent p span {color:#9ACA00;}
div.container div.maincontent a.third-lvl {color:#9ACA00;background-image:url(../images/css/grad-white-right.gif);background-repeat:no-repeat;background-position:right;font-size:11px;padding:2px 30px 2px 0;margin:0 20px 0 0;text-decoration:none;}
div.container div.maincontent a.third-lvl-short {color:#9ACA00;background-image:url(../images/css/grad-white-right.gif);background-repeat:no-repeat;background-position:right;font-size:11px;padding:2px 90px 2px 0;margin:0 20px 0 0;text-decoration:none;}
div.container div.maincontent a.third-lvl span {color:#333333;}
div.container div.maincontent a.gradblack {display:block;color:#333333;font-weight:bold;font-size:10px;background-image:url(../images/css/grad-white-left.gif);background-repeat:no-repeat;background-position:left;padding:2px 0 2px 20px;margin:5px 0 0 20px;}
div.container div.maincontent a.gradblack span {color:#333333;font-weight:normal;}

/* Join Form */
div.container div.maincontent form label {display:block;float:none;margin: 0 15px 2px 15px; font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;font-size:11px;color:#333333;line-height:16px;}
div.container div.maincontent form input {display:block;float:none;margin: 0 15px 10px 15px; font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;font-size:11px;color:#333333;line-height:16px;width:388px;border:1px solid #333333;}
div.container div.maincontent form select {display:block;float:none;margin:10px 15px 10px 15px; font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;font-size:11px;color:#333333;line-height:16px;width:392px;border:1px solid #333333;}
div.container div.maincontent form textarea {display:block;float:none;margin: 0 15px 10px 15px; font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;font-size:11px;color:#333333;line-height:16px;width:388px;border:1px solid #333333;}
div.container div.maincontent form input.submit {display:block;float:none;margin: 0 15px 10px 15px; font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;font-size:11px;color:#333333;line-height:16px;width:100px;border:1px solid #333333;}
div.container div.maincontent form input.hidden {margin:0 0 0 0;border:none;}
div.container div.maincontent img {float:right;padding:5px 15px 5px 10px;}

/* breakline */
div.breakline {margin:0 15px 20px 15px;border-bottom:1px dotted #333333;}


/* forgotton password */
div.forgottonpassword {padding-bottom:10px;margin:0 10px 0 25px;}
div.forgottonpassword h2 {font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;font-size:10px; padding-bottom:5px;margin:16px 10px 0 0;background-image:url(../images/css/leftpanel-bullet.gif);background-position:top:left; background-repeat:no-repeat; padding-left:15px;border-bottom:1px dotted #333333;}
div.forgottonpassword p {font-weight:normal;font-size:10px;color:#333333;}

/* Left panel */
div.containerleft {float: left; position: relative; width: 198px; margin-left: -197px; display: inline;}
div.containerleft h2 {padding-bottom:7px;margin:28px 15px 10px 20px;font-weight:normal;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:15px;border-bottom: dotted 1px #333333; color: #333333; }


/* Right panel */
div.containerright {float: right; position: relative; width: 198px; margin-right: -197px; display: inline;background-image:url(../images/css/rightpanel-bg.gif);background-repeat:no-repeat;background-position:bottom;min-height:400px;}


/* newmembers */
div.newmembers {border-bottom:1px dotted #333333;padding-bottom:10px;margin:0 10px 0 25px;}
div.newmembers h2 {font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;font-size:10px; padding-bottom:5px;margin:16px 10px 0 0;background-image:url(../images/css/leftpanel-bullet.gif);background-position:top:left; background-repeat:no-repeat; padding-left:15px;border-bottom:1px dotted #333333;}
div.newmembers ul {list-style-type:none;margin:0 10px 0 0;padding:0 0 10px 0;}
div.newmembers li {font-size:10px;font-weight:normal;text-align:left;padding-right:10px;padding-top:5px;}
div.newmembers a {margin:0 0 0 0;color:#9ACA00;font-size:10px;font-weight:bold;background-image:url(../images/css/bullet-green.gif);background-repeat:no-repeat;background-position:right;padding-right:10px;text-decoration:none;}
div.newmembers a:hover {text-decoration:underline;}
div.casestudies li {font-size:10px;font-weight:normal;text-align:left;padding-right:10px;}
div.casestudies li a {display:block;float:none;font-weight:bold;font-size:9px;text-decoration:none;color:#9ACA00;padding-bottom:5px;}
div.casestudies li a:hover {text-decoration:underline;}

/* Carbon Counter */
div.carboncounter {margin:10px 10px 0 25px;}
div.carboncounter h2 {font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;font-size:10px; padding-bottom:5px;margin:16px 10px 0 0;background-image:url(../images/css/leftpanel-bullet.gif);background-position:top:left; background-repeat:no-repeat; padding-left:15px;border-bottom:1px dotted #333333;}
div.carboncounter p {font-weight:normal;font-size:9px;margin:5px 0 5px 0;}
div.carboncounter span {font-weight:bold;font-size:10px;margin:0 0 0 0;}
div.carboncounter div.hundredthousands {margin:0 3px 0 0;color:White;background-color:#333333;float:left;font-size:12px;padding:2px 3px 2px 3px;}
div.carboncounter div.tensthousands {margin:0 3px 0 0;color:White;background-color:#333333;float:left;font-size:12px;padding:2px 3px 2px 3px;}
div.carboncounter div.thousands {margin:0 3px 0 0;color:White;background-color:#333333;float:left;font-size:12px;padding:2px 3px 2px 3px;}
div.carboncounter div.hundreds {margin:0 3px 0 0;color:White;background-color:#333333;float:left;font-size:12px;padding:2px 3px 2px 3px;}
div.carboncounter div.tens {margin:0 3px 0 0;color:White;background-color:#333333;float:left;font-size:12px;padding:2px 3px 2px 3px;}
div.carboncounter div.unit {margin:0 3px 0 0;color:White;background-color:#333333;float:left;font-size:12px;padding:2px 3px 2px 3px;}

/* client page colomns */
div.container div.maincontent div.colomnone {float:left;width:140px;}
div.container div.maincontent div.colomnone img {display:block;float:left;border:1px dotted #999999;margin:0 0  10px 15px;width:120px;float:left;padding:0 0 0 0;}
div.container div.maincontent div.colomnone a {margin:0 0 10px 15px;font-size:10px;background-image:url(/images/css/bullet-green.gif);background-repeat:no-repeat;background-position:right;padding-right:20px;}

div.container div.maincontent div.colomntwo {margin-left:155px;margin-right:15px;}
div.container div.maincontent div.colomntwo h2 {margin:0 0 0 0;}
div.container div.maincontent div.colomntwo p {margin-left:0px;}

/* case study */
div.container div.maincontent div.contact h2.contact {display:block;float:none;}

/* Case Studies */
div.casestudies {border-bottom:1px dotted #333333;margin:0 10px 0 25px;padding-bottom:10px;}
div.casestudies h2 {font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;font-size:10px; padding-bottom:10px;margin:13px 0 0 0;background-image:url(../images/css/leftpanel-bullet.gif);background-position:top:left; background-repeat:no-repeat; padding-left:15px;border-bottom:1px dotted #333333;}
div.casestudies p {font-weight:normal;font-size:10px;margin:5px 0 0 0;}
div.casestudies ul {list-style-type:none;margin:0 0 0 0;padding:0 0 0 0;}
div.casestudies li a {font-weight:bold;font-size:10px;color:#9ACA00;text-decoration:none;}
div.casestudies li a:hover {text-decoration:underline;}

/* Case Study Page */
div.container div.maincontent h2.casestudy {margin: 15px 15px 0 15px; color: #9ACA00;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;font-size:16px;}
div.container div.maincontent img.casestudy {display:block;margin:15px 15px 15px 15px;width:550px;height:268px;float:none;}
div.container div.maincontent div.casedetails h3 {font-weight:bold;font-size:10px;color:#9ACA00;margin:0 15px 0 15px;}
div.container div.maincontent div.casedetails {float:left;width:280px;}
div.container div.maincontent div.casequote {width:280px;display:inline;float:left;}
div.container div.maincontent div.casequote p.quote {color:#9ACA00;margin:10px 0 10px 15px;font-size:11px;}
div.container div.maincontent div.casequote p {font-size:9px;}
div.container div.maincontent div.casestudycontent {display:block;clear:left;}
div.container div.maincontent div.casestudycontent h2.summ {border-top: 1px dotted #333333;padding-top:10px;}

/* Case Study Form */
div.container div.maincontent form label {display:block;float:none;margin: 0 15px 2px 15px; font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;font-size:11px;color:#333333;line-height:16px;}
div.container div.maincontent form input {display:block;float:none;margin: 0 15px 10px 15px; font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;font-size:11px;color:#333333;line-height:16px;width:388px;border:1px solid #333333;}
div.container div.maincontent form select {display:block;float:none;margin:10px 15px 10px 15px; font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;font-size:11px;color:#333333;line-height:16px;width:392px;border:1px solid #333333;}
div.container div.maincontent form textarea {display:block;float:none;margin: 0 15px 10px 15px; font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;font-size:11px;color:#333333;line-height:16px;width:388px;border:1px solid #333333;}
div.container div.maincontent form input.submit {display:block;float:none;margin: 0 15px 10px 15px; font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;font-size:11px;color:#333333;line-height:16px;width:100px;border:1px solid #333333;}
div.container div.maincontent form input.hidden {margin:0 0 0 0;border:none;}


/* Client Images */
div.container div.maincontent div.clientimages {margin:0 0 0 0;padding:0 0 0 0;}
div.container div.maincontent div.clientimages ul {margin:0 0 0 0;padding:0 0 0 0;}
div.container div.maincontent div.clientimages li {display:inline;margin:0 0 0 15px;padding:0 0 0 0;}
div.container div.maincontent div.clientimages li img {display:block;float:left;border:1px dotted #999999;margin:0 0  10px 15px;width:120px;}


/* Partner images */
div.partnerimages ul {list-style-type:none;margin:5px 5px 5px 5px;padding:5px 5px 5px 5px;}
div.partnerimages li {float:left;width:150px;margin:10px 10px 10px 0;list-style-type:none;}
div.partnerimages li img {display: block;width: 125px;border:none;}


/* Footer */
div.footer { margin: 0; padding: 0; background-color: #E3E3E3; display: block; height: 100px;}
div.footer-bar {height: 31px; background-image: url(../images/css/footer-bg.gif); }
div.footer-copynotice {padding-left:20px;padding-top:5px;font: 0.7em Verdana, Arial, Helvetica, sans-serif;color:White;float: left; background-color:#333333; width: 200px; height: 20px; margin:0 0 0 0;}
div.footer div.footer-text {margin:10px 0 0 15px; font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;font-size:9px;color:#333333; display:inline;float:left;}
div.footer a {display:block; width: 107px; height: 46px; margin: 0; padding: 0;float:right;background-image:url(../images/plantpositive-logo.gif);background-position: right;background-repeat:no-repeat; text-decoration: none;}
div.footer a span {display: none; }

/* contact us vcard */
div.vcard {margin:35px 15px 20px 15px;font-size:11px;font-family:Verdana;font-weight:normal;color:#333333;padding-bottom:5px;}
div.vcard div.adr {margin-bottom:15px;}
div.vcard div.tel span.value {font-weight:bold}
div.vcard div.email{margin-top:15px;}

/* map */
div.map {margin:0 15px 20px 15px;float:left;}

/* utilities */
.clear { clear: both; height: 1px; overflow: hidden; }