@import url("reset.css");

/* -------- Takeback   ---------- **/
/* ----------------- by AW ---------------- */

/* ----------------- General Styles ---------------- */
* { font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; line-height: 140%; color: #795f1f;}
body {background: #e0dacc url(../img/bg/body-bg.gif) top left repeat-x; }

hr { text-align: right; width: 100%;  height: 1px; color: #b7c0c9; border: none; margin-bottom: 15px; clear: both;} /* For Internet Explorer */
html>body hr { margin-right: 0; width: 100%; height: 1px; background-color: #b7c0c9; border: none; } /* For Gecko-based browsers */
html>body hr { margin-right: 0; width: 100%; height: 1px; background-color: #b7c0c9; border: 0px solid #b7c0c9; } /* For Opera and Gecko-based browsers */

#wrapper {width: 912px; margin-left: auto; margin-right:auto; overflow: hidden; padding-left: 41px; padding-right: 0px; font-size: 80%; background: url(../img/bg/logo-left.jpg) no-repeat;}
/* ----------------- General Styles End ---------------- */


/* ----------------- Left Col ---------------- */
#leftcol {width: 681px; float:left; background: url(../img/bg/whiteborder.gif) 100% 21px no-repeat; margin-bottom: 30px;}

/* ----------------- Header ---------------- */
#header {height:321px; width: 679px; overflow:hidden; position: relative; background: url(../img/banners/header.jpg) 0px 67px no-repeat;}
#header img {float:left; margin: 0px; padding: 0px; border: 0px;}
#header ul.nav {margin-top: 21px; height: 46px; width: 560px; float:left; background: url(../img/nav/nav-bg.gif) left top repeat-x;}
#header ul.nav li {float: left; height: 46px; }
#header ul.nav li a {color: #ffffff; background: url(../img/nav/navitem-bg.gif) top left no-repeat; padding: 17px 5px 0px 25px; height: 29px; display: block; text-decoration: none; font-weight: bold; font-size: 100%; text-align:center; }
#header ul.nav li a:hover {color: #b5d9fe;}
#header ul.nav li.first {width: 57px;}
#header ul.nav li.first a {background: url(../img/nav/nav-home.gif) top left no-repeat; text-indent: -9999px;}
#header ul.nav li.first a:hover {background-image: url(../img/nav/nav-home-over.gif);}
#header a.logo {float:left; width: 119px; height: 126px; display: block; text-indent: -9999px; background: url(../img/logo.jpg) top left no-repeat;}
/* ----------------- Header End ---------------- */

/* ----------------- Main Content---------------- */
#main {min-height: 325px; height:auto !important; height: 325px; width: 615px; padding: 23px 32px 23px 32px; position:relative; background: #ffffff url(../img/bg/main-bg.gif) left top repeat-x; border-top: solid 2px #ffffff; overflow: hidden; }
#main span {color: #3a4a4f;}
#main p {margin-bottom: 15px;}
#main p.error {color: Red; font-weight: bold;}
#main h1 {color: #66501a; font-size: 191%; font-weight: normal; background: url(../img/bg/dottedline.gif) bottom left repeat-x; padding-bottom: 12px; margin-bottom: 0px;}
#main h1.plain{ margin-bottom: 20px;}
#main address {margin-bottom: 15px;}
#main span.contactus1, #main span.contactus2 {color: #795f1f; font-weight: bold;}
#main span.contactus1 {width: 40px; float: left;}
#main span.contactus2 {}

#main h2 {margin-bottom: 10px; color: #9e7b28;  font-size: 100%; font-weight: bold; font-size: 110%;} /* color: #454f94; border-left: 4px solid #454f94; padding-left: 5px; line-height: 110%;*/
#main h2.home {margin-bottom: 25px; font-size: 100%; color: #9e7b28; line-height: 140%}
#main img {margin-right:28px; margin-bottom: 28px; float: left;}
#main a {color: #66501a; text-decoration: underline; font-weight: bold; }
#main a:hover {text-decoration: none; }
#main ul {margin-bottom: 15px; margin-left: 30px; list-style-type: disc;}

#main ul.news-list {margin-left: 0px; list-style-type: none;}
#main ul.news-list li {padding-left: 0px; background: none; margin-bottom: 10px; padding-bottom: 0px; background: url(../img/bg/dottedline.gif) bottom left repeat-x; overflow: hidden; }
#main ul.news-list li div {float: left; width: 520px;}
#main ul.news-list li h2 {margin: 0px; font-size: 130%; font-weight: normal!important;}
#main ul.news-list li h2 a {text-decoration: none; margin-bottom: 0px;}
#main ul.news-list li h2 a:hover {text-decoration: underline;}
#main ul.news-list li p.date {font-weight: bold; }
#main ul.news-list li p.date {font-weight: bold; }
#main ul.news-list li p {margin-bottom: 5px; }
#main ul.news-list li a.more {margin-bottom: 10px; display: block; }
#main ul.news-list li img {float: left; padding: 6px; border: 1px solid #cfcfcf; margin: 0px 18px 18px 0px;}

#main ul.form {margin-left: 0px; list-style-type: none;}
#main ul.form li {padding-left: 0px; background: none; margin-bottom: 10px;  overflow: hidden;}
#main ul.form li label {font-weight: bold; width: 115px; display: block; float: left; margin-right: 5px;}
#main ul.form li input, #main ul.form li select {width: 155px;}
#main ul.form li textarea {width: 155px; height: 80px;}
#main ul.form li.button input {width: auto; margin-left: 120px;  }
#main ul.form li.right input {float: right;}
#main ul.form li.checkbox input {width: auto; }
#main ul.form li.link a {margin-left: 120px; }
#main ul.form li.text p {margin-left: 120px; margin-bottom: 5px; }

#main div.split {width: 300px; float: left;  margin-right: 15px; overflow: hidden; height: 1%; }
#main div.s-right {margin-right: 0px;}

#main div.infocol {float: left; width: 192px; margin-right: 15px; }
#main div.contentcol {float: left; width: 408px; }
#main div.infocol ul.files li a {background: url(../img/icons/pdf.gif) 0px 1px no-repeat; padding-left: 23px; display: block; padding-bottom: 10px;}

#main ul.features {margin-bottom: 20px; margin-left: 0px; list-style-type: none; }
#main ul.features li {overflow: hidden; margin-bottom: 7px; }
#main ul.features li div {float: left; width: 417px; background: url(../img/icons/arrow.gif) top left no-repeat;  }
#main ul.features li div.environment {width: 446px; }
#main ul.features li div.img {float: left; width:166px; margin-right: 27px; padding-bottom: 26px; background: url(../img/bg/shadow.jpg) 50% 100% no-repeat; }
#main ul.features li div.environment-img {width:137px;}
#main ul.features li div.img img { border: 10px solid #f2e6d0; margin: 0px; width:146px; }
#main ul.features li div.img img.environment { width:117px; }
#main ul.features li div.img img.charity { margin-top: 36px; }
#main ul.features li div h2 {color: #795f1f; font-weight: bold; background: url(../img/bg/dottedline.gif) bottom left repeat-x; padding: 2px 0px 8px 25px; margin-bottom: 9px; line-height: 100%;}
#main ul.features li div p {color: #795f1f; margin-bottom: 10px;}
#main ul.features li div a {color: #66501a; font-weight: bold; text-decoration: underline; }
#main ul.features li div a:hover {text-decoration: none; }



#breadcrumb {background: url(../img/bg/dottedline.gif) bottom left repeat-x; padding: 2px 0px 3px 0px; margin-bottom: 20px; overflow: hidden; height: 1%;}
#breadcrumb p {float: left; color: #b6a076; margin-left: 5px; margin-bottom: 0px; font-weight: bold;  }
#breadcrumb a {float: left; color: #8b8a8a; padding-left: 36px; text-decoration: none; background: url(../img/icons/chevron.gif) 16px 50% no-repeat; }
#breadcrumb a:hover {color: #b0adad;}
/* ----------------- Main Content End---------------- */

/* ------------------ Footer ------------- */
#footer {height: 49px; background: #ffffff url(../img/bg/footer.gif) left top no-repeat; }
#footer p {float: left; font-size: 85%; color: #66501a; padding: 14px 17px 0px 14px;}
#footer p.connexion {float:right; padding: 14px 17px 0px 14px;}
#footer p.connexion a {color: #66501a; text-decoration: none; font-weight: bold;}
#footer p.connexion a:hover {text-decoration: underline; }
/* ------------------ Footer End ------------- */
/* ----------------- Middle Col End ---------------- */



/* ------------------ Right Col & Banners ------------- */
#rightcol {width: 231px; float: left; margin-top:21px;}
#rightcol ul.banners li {position: relative;}
#rightcol ul.banners li.sell a {height: 148px; width: 229px; display: block; background: url(../img/buttons/sell-empties.jpg) top left no-repeat; text-indent: -9999px;}
#rightcol ul.banners li.donate a {height: 148px; width: 229px; display: block; background: url(../img/buttons/donate-empties.jpg) top left no-repeat; text-indent: -9999px; margin-top: 3px; margin-bottom: 3px;}
#rightcol ul.banners li.takebackforschools {height: 372px; width: 229px; display: block; background: url(../img/buttons/takeback4schools.jpg) top left no-repeat; text-indent: -9999px;}
#rightcol ul.banners li.takebackforschools a.collectnow {height: 35px; width: 169px; position: absolute; top: 87px; left: 22px; display: block; }
#rightcol ul.banners li.takebackforschools a.takebackforschools {height: 50px; width: 198px; position: absolute; top: 170px; left: 12px; display: block; }
#rightcol ul.banners li.takebackforschools a.environment {height: 40px; width: 160px; position: absolute; top: 290px; left: 22px; display: block; }
/* ------------------ Right Col & Banners End ------------- */

#rightcol p.iso {padding: 10px 20px; font-size:90%; color: #857d6b; text-align: center;}


/*-----------Messages----------*/
div.message { font-size: 90%; padding: 5px 9px; margin: 0px 18px 12px 6px; font-weight: bold; }
div.message span { line-height: 180%; padding-right: 20px; }
div.information { background: url(../img/icons/message-info.gif) right top no-repeat #dde8f6; border: 1px solid #3a6ba7; color: #5e7a9b; }
div.error { background: url(../img/icons/message-error.gif) right top no-repeat #facbb6; border: 1px solid #d44132; color: #c90e0e; }

div.validationsummary {font-size: 90%; padding: 5px 9px; margin: 0px 18px 12px 6px; font-weight: bold; background: url(../img/icons/message-error.gif) right top no-repeat #facbb6; border: 1px solid #d44132; color: #c90e0e;  overflow: hidden;}
div.validationsummary ul {margin: 0px!important; list-style-type: none!important;}
div.validationsummary ul li {background-image: none!important; padding: 0px!important; margin-bottom: 1px!important;}

/* Cartridge Checker SJJ 9/8/21010 */
#main div.picker-container {background:  url(../img/bg/dottedline-vertical.gif) 230px 0px repeat-y; overflow: hidden; }
#main div.cartridge-checker {width: 170px; float: left; margin-right: 30px; padding: 20px 15px; background-color: #f2e6d0; }
#main div.cartridge-checker input, #main div.cartridge-checker select {width: 170px; margin-bottom: 20px; padding: 3px 5px; }
#main div.cartridge-checker select.disabled {color: #bbb;}
#main div.cartridge-checker input {width: 160px;}
#main div.cartridge-checker input.disabled {color: #bbb;}
#main div.cartridge-checker input.button-disabled, #main div.cartridge-checker input.button {font-weight: bold; width: auto; margin-bottom: 0px; float: right; cursor: pointer; cursor: mouse;}
#main div.cartridge-checker input.button {color: #633f11; }
#main div.cartridge-checker input.button-disabled {color: #bbb;}


#main div.cartridge-picker-results {width: 355px; float: left; padding-left: 30px; }
#main div.cartridge-picker-results h3 {margin-bottom: 10px;}
#main div.cartridge-picker-results ul.cartridge-checker {margin-left: 0px; padding-left: 0px; overflow: hidden;}
#main div.cartridge-picker-results ul.cartridge-checker li {list-style-type: none; background: url(../img/icons/bullet-arrow.gif) 0px 50% no-repeat; padding-left: 12px; margin-bottom: 1px;  }
#main div.cartridge-picker-results ul.cartridge-checker li acronym.ok-plus {text-indent: -9999px; width: 15px; height: 14px; background: url(../img/icons/ok-plus.gif) 0px 0px no-repeat; margin-left: 10px; display: inline-block; }
#main div.cartridge-picker-results p.ok-plus {background: url(../img/icons/ok-plus.gif) 0px 2px no-repeat; padding-left: 20px;}

/* Updates 24/5/2012 */
body.internal #rightcol ul.banners li.takebackforschools {height: 462px; background-image: url(../img/buttons/takeback4schools-home.jpg) }
body.internal #rightcol ul.banners li.takebackforschools a.environment {top: 380px;}
body.internal #rightcol ul.banners li.takebackforschools a.unused {height: 75px; width: 198px; position: absolute; top: 290px; left: 12px; display: block;}
body.internal #leftcol #main {min-height: 415px; }

body #leftcol #main a.unused {display: block; background: url(../img/buttons/unused.jpg) top left no-repeat; height: 66px; width: 286px; text-indent: -9999px; overflow: hidden; outline: none; margin-bottom: 20px; margin-bottom: 20px; }


/* Updates 6/6/2013 */
#main ul.form li.captcha div {text-align: right; width:100%; clear: both; padding-top: 10px;}
#main ul.form li.captcha div img {float: none; display:inline; padding: 0px!important;}
#main ul.form li.captcha div input {width: auto; border: 1px solid #cfcfcf; float: left; font-size:80%; margin-top: 0px; }

#main div.search {overflow:hidden; height:1%; margin-bottom: 10px;}
#main div.search div {width: 195px; float: left; margin-right: 10px; margin-bottom: 5px;}
#main div.search div input.search {width: 80px;}

#main table.asp-table td {border:1px solid #ccc; padding: 2px;}


/* Unused form */

#leftcol ul.split {width: 300px; float: left;}
#leftcol p.split {width: 200px; float: right; }
#leftcol div.clear {clear: both;}

#leftcol h2.quote {background-color: #9d0f05; color: #fff; padding: 0px 5px;}

#leftcol div.quoteform h3 {color: #aa0000; margin-bottom: 10px;}
#leftcol div.quoteform div.list { width: 300px; float: left; overflow: hidden; height: 1%; border-right: 1px solid #e0dacc;  margin-bottom: 15px; margin-right: 10px; padding-right: 10px;}
#leftcol div.quoteform div.details {width: 290px; float: right;}
#leftcol div.quoteform div.list h4 {margin-bottom: 10px; color: #aa0000;}
#leftcol div.quoteform div.list h4 span {font-weight: normal; color: #aa0000;}

#leftcol div.quoteform ul.form label {width: 100%;}
#leftcol div.quoteform ul.form input {width: 200px;}
#leftcol div.quoteform ul.form textarea {width: 200px; height: 50px; font-size: 90%;}
#leftcol div.quoteform ul.form label span {color: #9d0f05; font-weight: bold; padding-left: 4px;}

#leftcol div.quoteform  ul.form li.button input {margin-left: 0px; width: auto; border: 2px solid #690602; background-color: #9d0f05; color: #fff; font-weight: bold; cursor: pointer;}
#leftcol div.quoteform  ul.form li.button input:hover {background-color: #c1240e;  border: 2px solid #9a0b05;}

#leftcol div.quoteform div.list ul.cartlist {margin-left: 15px;}
#leftcol div.quoteform div.validationsummary {margin-left: 0px; background-color: #fff; }
#leftcol div.quoteform div.validationsummary ul li {color: #f00;}

#main div.paging ul {margin-left: 0px; list-style-type:none;}
#main div.paging ul li {display:inline-block;}
#main div.paging ul li a {margin-right: 10px; display: block;}
#main div.paging ul li a.linkDeactived {color:#aaa;}
#main div.paging ul li a.active { text-decoration: none; border: 1px solid #795f1f; padding: 0px 3px;}