* {
    padding: 0;
    margin: 0;
}
form input {
    outline: none;
    color: black;
}
html, body {
    height: 100%;
    color: #444;
}
.logos li, .logos li img {
    display: inline;
}
ul, ol {
    list-style-type: none;
}
.clear {
    clear: both;
}
a {
    font-weight: bold;
    color: #00853E;
    text-decoration: none;
    outline: none;
    cursor: pointer;
}
h1 a, h2 a, h3 a {
    color: inherit;
}
a:hover {
    text-decoration: underline;
}
a img {
    border: 0;
}
/* Basic Page 
==================================*/

body {
    height: 100%;
    background: #E5F1B4 url(http://helmsdeep.yrstatic.com/ooghophoon/images/gradient.png) repeat-x scroll 0 0;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
}

h1 {
    padding-top: 5px;
    font-size: 1.75em;
} 

h2, h3, #meta h1 {
    font-size: 1.2em;
    font-weight: bold;
    padding-right: 11px;
}
#buzz h1 {
    height: 48px;
    background: url(http://helmsdeep.yrstatic.com/ooghophoon/images/shock-lv.png) no-repeat scroll
                left top;
    padding: 0;
    font-size: 24px;
    padding-top: 8px;
    padding-left: 28px;
    margin-top: 18px;
    padding-bottom: 0;
}

#buzz .section h3:first-child {
    margin-top: 0;
    padding-top: 0;
}
#buzz .section h3 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
div.buzz-link {
    display: block;
    margin-bottom: 9px;
}

.meta-header h1, .meta-header h2 {
    font-size: 1.25em !important;
    font-weight: bold;
    padding-right: 11px;
}

h1 {
    padding-top: 1px;
}

.header-inner h1, .header-inner h2, .header-inner h3, .header-inner h4 {
    padding-top: 5px;
}

.section:first-child div.header-outer h2, .section:first-child div.header-outer h3,
.section:first-child div.header-outer h4,
#meta .section:first-child div.header-outer h1 {
    padding-top: 8px;
}

div.header-after {
    clear: left;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
    padding-left: 5px;
}

h4 {
    font-size: 1.15em;
    color: #333;
    padding: 12px 0;
}

p.trade-description {
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    font-size: .9em;
}

#content {
    padding: 10px 0 45px 0;
    width: 986px;
    margin: 0 auto;
}

/* Edges of sections */
.panel-outer {
    background: url(http://helmsdeep.yrstatic.com/ooghophoon/images/edges/w-bl.png) no-repeat bottom left;
    padding-left: 10px;
    padding-top: 3px;
} 

.panel-inner {
    background: url(http://helmsdeep.yrstatic.com/ooghophoon/images/edges/w-br.png) no-repeat bottom right;
    height: 100%;
    position: relative;
    top: 0;
}

.panel-inner-inner {
    padding-bottom: 9px;
    position: relative;
    top: 0;
    height: 100%;
}

.section {
    height: auto;
}

.section-content {
    padding-right: 10px;
}

.bottom-section {
    position: absolute;
    bottom: 13px;
    width: 100%;
}

.simple-section.section-content {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

#meta .section-content .continuation {
    padding-left: 15px; 
}

.text-section {
    padding-top: 0px;
    padding-left: 8px;
    padding-right: 21px;
    padding-bottom: 15px;
    color: #666;
}

.simple-section, .header-outer {
    margin-top: 0;
    padding-top: 0px;
}

.continuation {
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #eee;
    margin-bottom: 5px; 
    font: normal 13px/24px Arial;
    margin-right: 5px;
    text-align: center; 
/*    padding-left: 18px; */
}

.text-section h1, .text-section h2, .text-section h3, .text-section h4,
.text-section h5 {
    color: inherit;
}

/* section headers */
div.white, div.big-white {
    background: url(http://helmsdeep.yrstatic.com/ooghophoon/images/edges/w-tl.png) no-repeat top left !important;
    margin-left: -10px !important;
}
div.white .header-inner, div.big-white .header-inner {
    background: url(http://helmsdeep.yrstatic.com/ooghophoon/images/edges/w-tr.png) no-repeat top right !important;
    padding-left: 11px !important;
    margin-left: 0 !important;
}

div.big-white, div.big-white .header-inner {
    height: 48px;
}

.section:first-child div.header-outer {
    background: url(http://helmsdeep.yrstatic.com/ooghophoon/images/edges/header-top-left.png) no-repeat top left;
    height: 41px;
    margin-top: -9px;
}

div.header-outer {
    float: left;
    position: relative;
    width: 100%;
    margin-left: -10px;
}

.section:first-child div.header-outer .header-inner {
    background: url(http://helmsdeep.yrstatic.com/ooghophoon/images/edges/header-top.png) no-repeat top right;
    height: 100%;
}

.header-outer {
    background: url(http://helmsdeep.yrstatic.com/ooghophoon/images/edges/header-middle-left.png) no-repeat top left;
    padding-left: 10px;
    margin-bottom: 0;
    height: 38px;
    display: block;
}

.header-inner {
    background: url(http://helmsdeep.yrstatic.com/ooghophoon/images/edges/header-middle.png) no-repeat top right;
    color: #009934;
    height: 38px;
    padding-top: 0px;
    display: block;
}

/* dark edges 
---------------------*/
.dtl {
    background: url(http://helmsdeep.yrstatic.com/ooghophoon/images/edges/gray-tl.png) no-repeat top left;
    padding-left: 11px;
    display: block;
}
.dbl {
    background: url(http://helmsdeep.yrstatic.com/ooghophoon/images/edges/gray-bl.png) no-repeat bottom left;
    padding-left: 11px;
    display: block;
} 
.dtr {
    background: url(http://helmsdeep.yrstatic.com/ooghophoon/images/edges/gray-tr.png) no-repeat top right;
    display: block;
}
.dr {
    background: url(http://helmsdeep.yrstatic.com/ooghophoon/images/edges/gray-r.png) repeat-y top right;
    display: block;
}
.dbr {
    background: url(http://helmsdeep.yrstatic.com/ooghophoon/images/edges/gray-br.png) no-repeat bottom right;
    display: block;
}

/* List panels
==================================*/
ul.dotted-separation li {

  padding-bottom: 5px; padding-top: 5px;
}

ul.dotted-separation {
    padding-bottom: 10px;
    padding-left: 2px;
}

/* Forms
==================================*/

#product-detail ol {
    padding: 0 12px 12px 12px;
}
.item-form-options ul {
    clear: right;
}
.item-form-field {
    clear: left;
    list-style: inside decimal;
    font-weight: bold;
    padding-top: 6px;
}
#device_questions .item-form-field {
    padding-top: 16px;
}
.item-form-options li {
    float: left;
    margin-right: 16px;
    clear: none;
    list-style: none;
    font-weight: normal;
    padding-top: 4px;
}
.helper {
    font-weight: normal;
}
.item-form-error {
    color: red;
    font-weight: normal;
    display: none;
}

.get-paid-button {
    cursor: pointer;
}

/* help text
---------------------*/

span.helper:hover .helper-box {
    display: block;
    height: 0px;
}

.helper-box .helper-text {
    -moz-border-radius: .4em;
    -webkit-border-radius: .4em;
    background-color: #ffe;
    border: 1px solid black;
    padding: 5px;
    position: relative;
    z-index: 1;
}

span.helper .helper-box {
    float: left;
    display: none;
    height: 0px;
}

.helper-text li {
    float: none;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.helper-text ul {
    margin-left: 1.5em;
}

.helper-text ul li {
    font-size: .9em;
    font-weight: inherit;
    list-style-type: disc;
}
/* Top Bar
==================================*/

/* tabs
---------------------*/

#top-tabs li form {
    display: inline;
}
#top-tabs ul li.active {
    background: url(http://helmsdeep.yrstatic.com/ooghophoon/images/edges/top-tab-l.png) no-repeat top left;
    margin: 0;
    padding-left: 16px;
} 
#top-tabs ul li.active a {
    background: url(http://helmsdeep.yrstatic.com/ooghophoon/images/edges/top-tab-r.png) no-repeat top right;

    padding: 0 16px 0 0;
}

#top-tabs {
    height: 43px;
    background: #ECF6DF url(http://helmsdeep.yrstatic.com/ooghophoon/images/top-tabs-gradient.png) repeat-x bottom;
    text-align: center;
    min-width: 986px;
}

#top-tabs ul {
    text-align: center; 
    height: 36px;
    padding-top: 7px;
    margin-right: 80px; 
}

#top-tabs li.search-bar {
    padding-right: 0;
    margin-right: 0;
}

#top-tabs li:first-child {
    padding-left: 0;
}

#top-tabs ul li {
    line-height: 36px;
    display: inline-block;
    margin: 0 16px;
}

#top-tabs ul li a, #top-tabs ul li label, #top-tabs ul li input {
    display: block;
    color: #00853E;
    font-weight: bold;
}

#top-tabs ul li a:hover {
    text-decoration: underline;
} 
#top-tabs ul li.active a:hover {
    text-decoration: none;
}

#top-tabs li input.text {
    background: url(http://helmsdeep.yrstatic.com/ooghophoon/images/header-search-frame.png) no-repeat;
}
#top-tabs form .text, #meta-header form .text {
    float: left;
    padding: 3px 0 0 3px;
    margin: 0;
    border: 0;
    width: 150px;
    background: none;
}
#meta-header form input[type="image"] {
    margin-bottom: -10px;
    padding: 0;
}
#top-tabs li input[type="image"] {
    float: left;
}
#top-tabs li label {
    margin-right: -10px;
    font-weight: bold;
    color: #666;
}
#top-tabs li.search-bar {
    margin-left: 0;
}
#top-tabs li.search-bar div {
    float: right;
    height: 0;
    margin-top: -16px;
}

/* thin header
---------------------*/

#thin-header {
    border-bottom: 1px solid #DAE3CE;
    height: 15px;
    padding: 20px 0 5px;
    font-size: .9em;
}
#bin a {
    color: #666;
}
#thin-header #bin {
    margin-top: -23px;
    float: right;
    font-size: 1em;
}

/* Side Bar
==================================*/

#testimonials dl {
    font-size: .9em;
    color: #444;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
#testimonials dt {
    padding: 0px 0px 10px 0px;
    font-weight: bold;
}
#testimonials dd {
    padding: 0px 0px 10px 0px;
}

#meta-sidebar, #sidebar {
    width: 200px;
    float: right;
}

#meta-sidebar .panel {
    float: none;
    width: 100%;
    margin-bottom: 18px;
}

.faq-section {
    padding-top: 20px;
    padding-bottom: 10px;
}

#why-recycle .text-section {
    padding-top: 8px;
    padding-bottom: 24px;
    padding-left: 12px;
}

.faq-section dt {
    color: #039832;
    padding-bottom: 6px;
}

.faq-section dd {
    padding-bottom: 12px;
}

.faq-section dd, .faq-section dd a {
    color: #888;
}

.faq-section dd a {
    text-align: right;
    display: block;
}

/* Home Page 
==================================*/

#bin { float: right; font-weight: bold; color: #666; width: 165px; position: relative; } 
#bbb { width: 50px; float: right; position: relative; height: 30px; }
#trashcontainer { float: right; height: 45px; margin-bottom: -46px; width: 300px; } 

.image-link:hover {
    text-decoration: none;
}

#bin img {
    margin: 8px 4px -8px 0;
    position: relative;
}

/* side columns
---------------------*/

a#custom_product {
  color: #8e8e8c;
  padding-left: .5em;
}

#icons {
    width: 175px;
}

#icons .panel-outer {
    height: 622px;
}
/*#icons h2 {
    padding-right: 5px;
}*/
#about, #contact-and-blog {
    width: 260px;
} 

#about {
    margin-left: 18px;
}

#about .panel-outer {
    height: 622px;
}

#contact-and-blog {
    float: right;
    margin-left: 15px;
    padding: 0px;
}

#contact {
    padding-top: 18px;
    padding-bottom: 18px;
}

h3.blog {
    text-transform: uppercase;
    font-family: Helvetica;
    font-size: 20px;
    padding-bottom: 0px;
    margin: 0;
    padding-top: 18px;
}

h4.blog-author {
    padding-top: 10px;
    margin: 0;
    padding-bottom: 0px;
}

#blog-preview p {
    font-family: Helvetica;
    font-size: 14px;
    padding-top: 10px;
}

#rss {
    font-family: Helvetica;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-right: 65px;
    padding-top: 12px;
}

#rss img {
    float: left;
    padding-right: 8px;
}
#rss a {
    color: rgb(102, 102, 102);
}
#rss a:hover {
    text-decoration: none;
}

#twitter-status {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 8px;
    padding-right: 8px;
}

#twitter-status .learn-more {
    display: block;
    margin-top: 18px;
}

span#sharethis_0 {
    margin: 16px;
    height: 16px; /* height fo "background image" */
    display: block;
}

span#sharethis_0 a {
    display: block;
}

.stbuttontext {
    display: block;
    margin-top: -2px;
}

#icons, #about {
    margin-top: 101px;
}

.panel {
    float: left;
    padding-top: 6px;
}

#go-green {
    width: 706px;
    float: none;
    padding: 0;
}

#contact-and-blog {
    height: 100%;
    position: absolute;
    right: 5px;
}

#contact-and-blog .panel-outer {
    height: 100%;
    position: relative;
    padding-top: 0;
}
#go-green .panel-outer {
    padding-top: 0;
}

#details {
    clear: both;
    padding-top: 24px;
}
#details-inner {
    position: relative;
}

.go-green-header {
    padding-top: 18px;
    padding-bottom: 10px;
    margin-bottom: 0;
    font-family: Helvetica;
    font-size: 18px;
}
#go-green p {
    padding-top: 0px;
    margin-top: 0px;
    font-family: Helvetica;
    font-size: 14px;
    padding-bottom: 16px;
}

/*#images h2, #about h2 {
    text-align: center;
}*/

/*#icons .gl h3.gr {
    font-size: 1em;
}*/
#icons li {
    border-bottom: 1px dotted #CCC; padding: 22px 0 32px 0px; 
}
#icons li:last-child { border-bottom: none; }
#icons a, #icons a:visited {
    color: #666;
    font-weight: normal;
}
#icons a:hover {
    text-decoration: underline;
}
#icons li img {
    margin: 2px 6px -12px 0;
}
#icons p.wr {
    font-weight: bold;
    font-size: .9em;
    color: #888;
    padding-top: 4px;
    padding-bottom: 4px;
}
#icons .section .news, #icons .section .news a{
    padding: 0;
    padding-right: 11px;
    text-align: center; 
    font: bold 12px Arial;
    margin: 3px 0; 
} 

#icons .news a img {
    display: block;
    margin: 6px auto;
}

#why-yourenew {
    display: none; 
    padding-bottom: 5px;
    padding-right: 5px;
}

#new-why-yourenew .wired_platform { margin: 0px 0 0 7px;  } 
#new-why-yourenew .wired_platform img { padding-top: 2px; margin-top: 15px; margin-bottom: 7px; }
#new-why-yourenew .catch_facebook img, #new-why-yourenew .catch_twitter img, #new-why-yourenew .buy_new_cell img { margin: 0 0 0 5px; }
.section #trades .blackberry_trade img {  margin: 0 auto 0; }
.section #trades .iphone_trade img { margin: 7px auto 0; } 


#new-why-yourenew {
    padding-bottom:  5px; padding-right: 5px; 
}
/* Override ------------- */

body #about h3 { font-size: 1.1em; } 

/* END Override --------- */

#why-yourenew img {
    float: left;
}

.smaller-icon {
    padding-top: 8px;
    margin-left: 15px;
}

#free-icon {
    padding-top: 5px;
    margin-left: 7px;
}

#why-yourenew div {
    clear: left;
}

#why-yourenew h4 {
    margin-top: 0;
    color: #093;
    font-family: helvetica;
    font-weight: bold;
    font-size: 16px;
    margin: 0;
    margin-left: 48px;
    padding: 0;
}

#why-yourenew p {
    font-weight: bold;
    font-size: .9em;
    color: #888;
    margin: 0;
    padding: 0;
    margin-left: 48px;
    margin-bottom: 7px;
}

#trades {
    /*
     
    padding-top: 12px;
    padding-left: 24px;
    padding-right: 36px;
    text-align: center;

    */
    text-align: center;
    padding-bottom: 12px;
}

#sidebar #trades {
    height: auto;
}

#trades a {
    text-align: center;
    font-size: .9em;
    color: #666;
}

#trades a:hover {
    text-decoration: underline;
}

#trades img {
    display: block;
    clear: right;
    margin: 0 auto;
    margin-bottom: 12px;
}

#trades span {
    color: #f7941d;
}

/* center column
---------------------*/

#center {
    width: 510px;
    height: 713px;
    text-align: center;
    margin-top: 10px;
    margin-left: 18px;
    position: relative;
}

#search {
    width: 510px;
    background: url(http://helmsdeep.yrstatic.com/ooghophoon/images/search-container.png) no-repeat;
    margin-top: 20px;
    margin-bottom: 18px;
    padding-bottom: 18px;
    color: #999;
    font-weight: bold;
    font-size: .85em;
}

#search form {
    text-align: left;
    margin: 0 17px;
}
.spelling-suggestion {
  padding-left: 12px;
  padding-bottom: 20px;
}
.spelling-suggestion em {
  color: red;
}
.search-button {
    display: inline;
}
.search-help {
    clear: both;
}
.search-input-outer {
    float: left;
    background: url(http://helmsdeep.yrstatic.com/ooghophoon/images/search-frame.png) no-repeat scroll;
    width: 346px;
    height: 45px;
    margin-right: 7px;
}
.search-input {
    height: 30px;
    width: 310px;
    font-size: 2em;
    margin-top: 6px;
    margin-left: 7px;
    padding-left: 4px;
    border: 0;
}
#center div a img {
    margin: 0 0 -2px 5px;
}
#sell-or-recycle {
    background: url(http://helmsdeep.yrstatic.com/ooghophoon/images/center-info.png) top left no-repeat;
    width: 530px;
    height: 372px;
    text-align: left;
    color: #888;
    font-weight: bold;

    position: absolute;
    bottom: -3px;
    left: -3px;
}
#primary-header {
    margin-left: 51px;
    padding-top: 37px;
    font-size: 22px;
    color: orange;
    text-align: left;
}
#secondary-header {
    margin-left: 51px;
    margin-top: 6px;
    font-size: 1.2em;
}
#steps {
    margin-top: 166px;
    margin-left: 8px;
}
#steps li {
    text-align: center;
    float: left;
    font-size: .9em;
    margin-right: 25px;
}
#steps h2 {
    font-size: 1em;
}
#step1 {
    width: 130px;
}
#step2 {
    width: 152px;
    margin-right: 20px;
}
#step3 {
    width: 151px;
}

/* modal dialog styles
-------------------------*/

.jqmPopup {
    background-color: #EEE;
    border: 1px solid black;
    color: #333;
    display: none;
    left: 50%;
    margin-left: -250px;
    max-height: 450px;
    max-width: 800px;
    overflow: auto;
    padding: 20px;
    position: absolute;
    top: 17%;
}

#short-video, #search_help {
    cursor: pointer;
}

.why-yourenew-video {
    margin: 9px 2px;
}

#short-video.how-it-works {
    text-align: center;
    margin-left: 12px;
    margin-top: 17px;
    margin-bottom: 18px;
}

#popup_video_container, #popup_help_container {
    display: none;
}

#popup_help_container {
    background-color: #FFF;
}

.jqmOverlay {
    background-color: #000;
}

/* Meta Style Pages 
==================================*/

#meta .section-content {
    padding-left: 15px;
}
#custom-item-form, #meta .section-content{
    padding-bottom: 18px;
    padding-right: 15px;
}
#meta p {
    padding-top: 0px;
    padding-bottom: 3px;
}
#buzz p {
    padding: 0;
    margin-top: 1em;
}

#meta .section-content h3, #custom-item-form h3 {
    font-size: 19px;
    font-family: arial;
    font-weight: bold;
}
#custom-item-form h3 {
    clear: left;
}
#meta .section-content h3,
#meta .section-content h4, #custom-item-form h3 {
    padding-top: 18px;
    padding-bottom: 9px;
}

.continuation h3:first-child {
    clear: left;
}

#jobs {
    padding-top: 18px;
}

.option h3 {
    font-size: 16px !important;
    padding-top: 0px !important;
    padding-bottom: 9px !important;
    clear: none !important;
}

.how-we-recycle {
    padding-left: 13px;
}

.option .continuation {
    padding-top: 12px;
    padding-bottom: 12px;
}

.option {
    padding-bottom: 0 !important;
}

.option p {
    padding-top: 0px !important;
}

.about-us-image {

    float: right;
    padding: 16px;
}
img.how-it-works {

    float: left;
    padding: 15px 30px 15px 15px;
    position: relative;
}

#meta .section-content h2 {
    color: #444;
    text-align: center;
    padding-top: 25px;
}

#meta div h2 a {
    padding-right: 15px;
}
.legal {
    padding-top: 35px;
    padding-left: 0;
}
dl#information-uses {
    padding-left: 40px;
}
dl#information-uses dd, dl#information-uses dt {
    padding-top: 8px;
}
dl#information-uses dt {
    font-weight: bold;
}

#custom-item-disclaimer p {
    margin-top: 18px;
}
#custom-item-form .item-form-options ul {
   padding: 0;
}
#custom-item-form #id_description {
  width: 20em;
}

/* confirmation form
---------------------*/
#meta #confirmation-form h2 {
  text-align: left;
}
#meta #confirmation-form p {
  padding-top: .5em;
}
#meta #confirmation-form ol li {
  margin: 1em 0;
}

/* starting conditions for legal page
---------------------*/

div.why-logo {
    float: left;
    margin-top: 0;
    margin-bottom: 60px;
    margin-right: 20px;
    width: 225px;
    text-align: center;
    clear: left;
}

#carbonfund {
    margin-top: 40px;
    margin-bottom: 30px;
}
#wr-logo {
    margin-top: 20px;
    margin-bottom: 25px;
    margin-right: 20px;
}

img.why-inset {
    float: right;
    display: block;
    padding: 10px;
}
.option .leaf {
    margin: 0 8px -3px 0;
}
#flowchart {
    margin: 21px;
}


/* form
---------------------*/

div.narrow-search .orange-box, div.buttons .orange-box, .meta-search {
    height: 23px;
    width: 265px;
    border: 0;
    background: url(http://helmsdeep.yrstatic.com/ooghophoon/images/meta-search-frame.png) no-repeat;
    padding: 8px 5px 0 5px;
}
.basic-form-button {
    margin: 5px 0 0 149px;
}

/* main page
---------------------*/

#meta {

    width: 770px;
    clear: left;
    float: left;
}
#meta form.inline-error-form {
    padding: 0;
}
form.inline-error-form {
    padding: 12px 16px 16px 16px;
}
.inline-error-form {
    position: relative;
}
.inline-error-form ol li {
    height: auto;
    margin-bottom: 24px;
    clear: both;
}
.inline-error-form label {
    float: left;
    clear: left;
    margin-top: 2px;
}
.inline-error-form label:after {
    content: ":";
}
.inline-error-form input[type="text"], .inline-error-form textarea, .inline-error-form select, .inline-error-form input[type="checkbox"] {
    border: 1px solid #CCCCCC;
    display: block;
/*    clear: right;*/
    margin: -16px 0 0 150px;
    height: 20px;
}
input[type="checkbox"] {
    border: none !important;
}
.inline-error-form textarea {
    height: auto;
} 
#meta form ol, #custom-item-form ol {
    background: none;
}
#meta ul, .job-responsibilities, #custom-item-form ul {
    padding-top: 10px;
    padding-bottom: 10px;
}
.job-responsibilities ul {
    padding: 0 !important;
    list-style: disc;
    margin-left: 16px;
}
#meta h4 {
    margin-bottom: 0px;
}
#meta ul.faq li {
    padding-top: 5px;
}
#meta ul.faq li a:hover {
    color: #666;
}
#meta h2 em {
    display: block;
    padding-bottom: 20px;
    margin: 0 auto;
    width: 650px;
}

/* side boxes
---------------------*/

#meta-menu h2, #testimonials h2 {
    text-align: center;
}

#meta-menu li {
    padding-left: 16px;
    font-weight: bold;
}

#meta-menu li a {
    color: #009934;
}

#meta-menu li.current-page {
    color: #f70;
}

#meta-leaf {
    float: right;
    margin-top: -3px;
    padding-right: 5px;
}

#meta-menu li a:hover {
    text-decoration: underline;
}

/* Product Pages 
==================================*/

#offer #pricequote, #offer #zero {
    display: none;
}

#bad-news {
    margin-top: 1em;
}

/* progress indicators
---------------------*/

#progress {
    padding-top: 30px;
    color: #039832;
    font-size: 1.25em;
    font-weight: bold;
    float: right;
}
.progress-step {
    float: left;
    text-align: center;
    margin: 53px 10px 0 10px;
    position: relative;
}
#lightning {
    display: block;
    clear: right;
    margin: -48px auto 0 auto;
    position: relative;
}

/* product info
---------------------*/

#detail-page h1 {
    font-size: 1.5em;
}
#product-detail, #why-recycle {
    width: 630px;
    clear: left;
    float: left;
}
#product-detail ol {
    width: 335px;
    float: left;
    border-right: 1px solid #E9E9E9;
    padding: 12px 12px 12px 20px;
}
#product-detail .section-content {
    padding: 0;
}
#product-preview, #offer div {
    text-align: center;
}
#product-preview {
    padding-top: 20px;
    background: none;
    margin-left: 370px;
}
#product-preview h2 {
    margin-left: 10px;
    width: 220px;
}
img#in-a-flash {
    display: block;
    float: left;
    padding: 165px 0 0 14px;
}
#product-detail input[type="checkbox"] {
    display: inline;
}

#product-detail .panel-outer, #offer .panel-outer {
    height: 390px;
}

/* offer
---------------------*/

#offer, #faq-panel {
    width: 270px;
    float: right;
}
#offer {
    text-align: center;
}

.quoted-offer {
    padding-top: 35px;
    font-size: 4em;
    display: block;
    color: #039832;
}

#offer-amount {
    font-weight: bold;
}

#offer .section-content {
    padding-top: 16px;
}

.price-information {
    height: 200px;
}
#we-pay-you {
    padding-bottom: 20px;
}

.get-paid-button {
    padding-bottom: 20px;
}

/* secondary panels
---------------------*/

#why-recycle, #faq-panel {
    padding-top: 12px;
    margin-top: 18px;
}

#faq-panel .panel-outer ,
#why-recycle .panel-outer {
    height: 305px;
}

.tiny-pictures {
    width: 125px;
    float: left;
    background: none;
    padding-left: 0;
    position: relative;
    padding-bottom: 20px;
}
.tiny-pictures img {
    display: block;
    margin: 0 auto;
    padding-top: 10px;
}
#why-recycle p {
    padding: 12px 20px 12px 5px;
}
dl.faq-list {
    font-size: .9em;
}

/* Search 
==================================*/

/* refine search
---------------------*/
.narrow-search {
    padding: 20px 13px 41px 12px;
    text-align: right;
}
.narrow-search form input.orange-box {
    display: block;
    margin-top: -5px;
    padding-right: 15px;
    float: right;
}
.narrow-search form input[type="image"] {
    margin-top: -5px;
    float: right;
}

.narrow-search p {
    text-align: left;
    width: 300px;
    float: left;
    margin-top: 1px;
}

#search-prompt {
    color: orange;
    text-align: center;
    font-size: 3em;
    padding-top: 14px;
    padding-bottom: 12px;
    margin: 0;
}

.recycle {
    color: #6dbc32;
}

/* display search results
---------------------*/

div.results {
    width: 725px;
    margin: 0 auto;
}

div.results h2 {
    border-top: 1px solid #DBE2D2;
    margin-left: 12px;
    margin-right: 13px;
    padding-top: 13px;
    text-align: left;
}

strong {
    color: #ED9227;
} 
#search-results {
    clear: left;
    float: left;
    width: 770px;
}
/* div.results {
padding: 0 10px;
} */
div.result {
    width: 120px;
    height: 203px;
    float: left;
    margin: 12px 13px 13px 12px;
    background-color: #FFF;
}
div.result h4 {
    color: #888;
    border: 1px solid #D7D7D7;
    font-weight: normal;
    padding: 5px;
    text-align: center;
    font-size: 8pt;
    height: 40px;
    overflow: hidden;
    width: 108px;
}
div.result .product-image, div.result p {
    color: #666;
    padding: 5px 0;
    text-align: center;
    border-left: 1px solid #D7D7D7;
    border-right: 1px solid #D7D7D7;
    font-size: .9em;
}
div.result p {
    height: 15px;
}
div.product-image {
    height: 95px;
}
div.result a img {
    margin-bottom: -5px;
}
.custom {
    padding-right: 30px;
}
div.pagination {
    padding-left: 15px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-top: 18px;
    clear: both;
}
div.paginator {
    float: right;
}
div.results p.no-results {
    clear: both;
    padding: 0 25px 20px 9px;
}
div.pagination span.disabled {
    color: #888;
}

/* Checkout
==================================*/

h1.zap {
    clear: left;
    padding: 15px 0 15px 30px;
    margin-left: 26px;
    background: url(http://helmsdeep.yrstatic.com/ooghophoon/images/shock-lv.png) no-repeat left;
    color: #666;
}
#progress-header, #meta-header {
    height: 115px;
    width: 980px;
    margin: 16px 64px 16px 16px;
}
#meta-header #logo {
    padding-right: 64px;
}
#progress-header h1 {
    float: left;
    margin: 50px 0 0 40px;
    font-size: 2.5em;
    color: #009A35;
}
#logo {
    float: left;
}
#meta-header .bolt {
    margin: 0 10px -10px 0;
}
#meta-header .label-text {
    margin-bottom: -2px;
}
#meta-header form {
    padding-top: 50px;
}
#checkout h1, #shipping h1, #payment h1, #receipt h1, #feedback p {
    padding: 10px 10px 5px 10px;
    color: #444;
}
#checkout, #shipping, #payment {
    width: 980px;
    margin: 0 0 16px 0;
}
.privacy {
    margin-left: 200px;
    margin-right: 300px;
}

#checkout-button {
    background: none;
}

#receipt div p {
    padding: 0 0 20px 10px;
    font-size: 1.25em;
    font-weight: bold;
}
div.hr {
    width: 98%;
    background: url(http://helmsdeep.yrstatic.com/ooghophoon/images/hr.gif);
    height: 1px;
    padding: 0;
    margin: 0 auto;
    line-height: 1px;
    position: relative;
    clear: both;
}


#checkout hr, #shipping hr, #payment hr, #feedback hr, hr.lightgray, #meta hr {
    margin: 0 4px;
    color: #DAE4CC;
    background-color: #DAE4CC;
    height: 1px;
    border: 0;
    clear: both;
    padding: 0;
}
#payment hr, #meta hr {
    margin-left: -8px;
}
hr.lightgray {
    width: 974px;
    margin: 0 0 0 3px;
}
hr.darkgray {
    background-color: #aaa;
    border: 0 none;
    clear: both;
    color: #aaa;
    height: 1px;
    margin-top: 24px;
    margin-left: 5px;
    margin-bottom: 12px;
    margin-right: 5px;
}

/* recycle bin
---------------------*/
.item-details {
    display: none;
}

.item-details dl {
    z-index: 1;
    position: relative;
    padding: 24px;
    height: auto;
    padding-bottom: 36px;
    margin-top: 12px;
    background-color: #ffe;
    border: 1px solid black;
}
.item-details dd {
    float: right;
    font-weight: bold;
}
.item-details dt {
    clear: right;
}

/* table
---------------------*/

#receipt table {
    border-collapse: collapse;
    padding: 0 0 20px 0;
    width: 975px;
}
.item, #mini-cart-headers {
    width: 755px;
    border-bottom: 0;
    border-top: 1px solid #ccc;
    padding-top: 10px;
}
#mini-cart-headers {
    height: 25px;
    font-weight: bold;
}
.item {
    height: 80px;
}
.item-image {
    float: left;
    width: 70px;
    padding-left: 55px;
}
.item-name, .item-price, .item-delete {
    float: left;
    padding-top: 23px;
    height: 1em;
}
#mini-cart-headers .item-name {
    margin-left: 125px;
}
#mini-cart-headers div {
    padding-top: 0;
}
.item-name {
    width: 400px;
}
.item-name a {
    float: right;
}
.item-price {
    margin-top: -.125em;
    padding-left: 10px;
    font-weight: bold;
    width: 94px;
}
.item .item-price {
    font-size: 1.25em;
}

#receipt table th {
    text-align: left;
    height: 35px;
    border-top: 1px solid #CCCCCC;
}
#receipt table td, #receipt table th {
    border-top: 1px solid #CCCCCC;
}
#receipt table td.name {
    width: 300px;
}
#receipt table td.price {
    font-size: 1.25em;
    font-weight: bold;
    width: 94px;
}
#receipt table td.price {
    width: 150px;
}
#receipt table td.payment-by {
    width: 245px;
}

/* cart page
---------------------*/

#mini-checkout, #mini-cart {
    width: 775px;
    clear: left;
    margin: 20px auto;
    color: #666;
}
#mini-checkout h1, #mini-cart p {
    padding: 20px 20px 15px 20px;
}
#mini-checkout h1 img {
    vertical-align: middle;
}
#device-count {
    color: #DC973A;
    text-decoration: underline;
}
.buttons {
    font-size: 1.25em;
    font-weight: bold;
}
#checkout-button {
    float: left;
    margin: 24px 45px -15px 65px;
    position: relative;
    display: block;
}
.or {
    float: left;
    padding: 30px 0 0 5px;
    display: block;
    position: relative;
}
.go {
    margin: 10px 10px 0 10px;
    padding: 0 0 20px 15px;
    display: block;
}
.another {
    margin: 0 0 20px 390px;
}
.another h2 {
    font-size: 1em;
    position: relative;
    display: block;
}
.another form {
    margin: -10px 0 20px -40px;
    position: relative;
    display: block;
}
#mini-checkout .buttons .orange-box {

    margin: 3px 0 20px 0;
    float: left;
    display: inline;
} 
#mini-cart {
    float: none;
}
#mini-cart .header-inner h3 {
    font-weight: bold;
}
#mini-cart .header-inner img {
    margin: 0 8px -8px 0;
}

/* shipping page
---------------------*/

#checkout .enter-email {
    width: 540px;
    margin: 0 auto;
    padding-top: 20px;
}
#checkout li {
    font-weight: bold;
}
#checkout li, #shipping li {
    list-style-type: none;
    margin-bottom: 10px;
    position: relative;
}
#checkout li input {
    width: 220px;
}
#checkout p.privacy, #shipping p.privacy {
    clear: none;
    float: none;
    padding: 15px 20px 20px 0;
    text-align: left;
    width: auto;
}
#shipping div.shipping-info ol {
    background: transparent url(http://helmsdeep.yrstatic.com/ooghophoon/images/box.png) no-repeat scroll 95% 100%;
    position: relative;
}

#shipping .shipping-info {
    padding: 16px 16px 0 300px;
}
#shipping ol li input, #shipping ol li select {
    margin: -20px 0 0 140px;
    display: block;

}
#shipping div.left-column {
    padding: 16px 0 0 16px;
    width: 250px;
    float: left;
    clear: left;
    background: none;
    color: #666;
    position: relative;
}

#shipping .left-column p {
    font-weight: bold;
}

#shipping div.left-column ol {
    padding-top: 16px;
}
#shipping div.left-column ol li {
    list-style-position: inside;
    list-style-type: decimal;
}
#shipping .continue-button {
    padding-left: 140px;
}
ul.errorlist, #shipping ul, ul.non-field-errors {
    font-style: italic;
    font-weight: normal;
    color: #f70;
}
ul.errorlist {
    padding: 0 !important;
    clear: both;
}
li p.help-text {
  font-size: 85%;
  font-style: italic;
  clear: both;
}
li p.help-text:after {
  content: ".";
}
.enter-email label {
    display: block;
    float: left;
    line-height: 22px;
    text-align: left;
    width: 189px;
}

/* payment page
---------------------*/
#payment h1 {

    clear: left;
    position: relative;
}

/* TODO: Remove the need for the !important */
.tiny-logo {
    float: none !important;
    padding: 0 !important;
    margin: 0 0 -10px 0 !important;
}
#payment .help, #payment .continue, #payment .friends {
    /*text-align: center;*/
}
#payment .select-payment {

    float: left;
    padding: 2em 0 0 100px;
    height: 85px;
}
#payment .select-payment img {
    margin: 0 30px -30px 0;
}
#payment .payment-method h2 {

    color: #DC973A;
    margin-bottom: 5px;
    position: relative;
}
#payment .payment-method {
    margin: 0 0 0 400px;
    padding-top: 20px;
    text-align: center;
    line-height: 1.5em;
}
#payment .payment-method,
#payment .payment-method a {
    font-weight: bold;
    color: #888;
}
#payment .hidden {
    display: none;
}
#payment .payment-info {

    margin-bottom: 10px;

    position: relative;
    height: 120px;
}
#payment .friends p {
    padding: 0 12px 12px 0;
    color: #666;
}
#payment .friends input {
    font-size: 1.5em;
    width: 292px;
    margin: 5px;
}
#payment .friends #add2,
#payment .continue input[type="image"] {
    display: block;
    margin: 16px auto;
    cursor: pointer;
}
#payment .help {
    width: 800px;
    height: 125px;
    margin: 0 auto;
}
#payment .help img {
    float: left;
    padding: 16px;
    margin: 0 8px 12px 8px;
}
#payment .help input, #payment .help label, #payment .help .or {
    margin: 30px 0 12px 0;
    display: block;
    float: left;
    padding: 2px;
    text-align: left;
    width: auto;
}
#payment .help img {
    margin: 0;
}
#payment .help label.energy {
    width: 150px;
}
#payment .help input {
    margin-right: 10px;
    margin-top: 33px;
}
#payment .help label.tree {
    width: 100px;
}
#payment .help .or {
    font-size: 2em;
    font-weight: bold;
    padding: 0 10px;
    text-align: center;
    width: 100px;
}
#thanks {
    margin-top: 15px;
}
#tos {
    margin-top: 15px;
    text-align: center;
}
#payment .continue {
    padding-bottom: 12px;
}
#payment-submit {
    display: block;
    padding: 10px;
}

/* thank you page
---------------------*/
#order-number {
    color: #DC973A;
}
#receipt h1 span {
    font-size: .75em;
}
#receipt .title p {
    font-size: 1.25em;
    padding: 0 0 10px 10px;
    font-weight: bold;
    margin-top: -10px;
}
#feedback ol {

    padding: 10px 10px 15px 10px;
    position: relative;
}
#feedback ol input[type="image"] {

    display: block;
    margin: 10px auto;

}
#feedback ol li {
    position: relative;
}
#feedback {
    margin-bottom: 15px;
    position: relative;
}
#feedback div p {
    padding: 15px 20px 5px 20px;
}
iframe.brm {
    display: none;
}

#feedback form ol li {
    display: block;
    clear: left;
    padding-bottom: 10px;
}

#feedback form ul li {
    float: left;
    margin-left: 20px;
    clear: none;
}

#feedback form li {
    display: block;
}
#feedback form textarea {
    display: block;
    height: 6em;
    width: 920px;
}

/* Footer 
==================================*/
#checkout-footer {
    text-align: center;
}

#seo {
    clear: both;
    padding-top: 16px;
    margin-top: 16px;
}

.footer {
    color: #666;
}

/* navigation
---------------------*/

.footer a, .footer a:visited {
    color: #666 !important;
    font-weight: normal;
    padding: 0 5px;
}

a.image-link {
    padding: 0 !important;
}

.navigation {
    list-style: none;
    padding: 1em 0;
    color: inherit;
    margin: 0;
    text-align: center;
    display: block;
    height: 12px !important;
}

.navigation li {
    display: inline;
    padding: 0;
    margin: 0;
}

.navigation li:before {
    content: "| ";
}
.navigation li:first-child:before {
    content: "";
}

/*IE workaround*/
/*All IE browsers*/
* html .navigation li {
    border-left: 1px solid #666;
    padding: 0 0.4em 0 0.4em;
    margin: 0 0.4em 0 -0.4em;
}

* html .navigation {
    height: 1%;
}

* html .navigation li {
    display: block;
    float: left;
}

* html .navigation li:first-child {
    border-left: 0;
}

/* badges
---------------------*/

#seo #badges ul {

    text-align: center;
    padding-bottom: 2em;
}
#seo #badges li {

    display: inline;
    padding: 0 21px;
} 
#seo #badges li img {
    vertical-align: middle;
} 

/* favorite searches 
---------------------*/

#favorite-searches {
    padding: 2em;
    float: none;
}
#favorite-searches h2 {
    text-align: center;
    clear: both;
    font-weight: normal;
    font-size: 1.2em;
    margin-bottom: .5em;
}
#favorite-searches li {
    width: 165px;
    float: left;
    padding: 2px 0 0 20px;
}

/* grass 
---------------------*/

#grass, #push {
    height: 73px;
}
#grass {
    background: #E5F1B4 url(http://helmsdeep.yrstatic.com/ooghophoon/images/grass.jpg) repeat-x scroll 0 0;
    min-width: 986px;
}

/* leaf
---------------------*/

.leaf, #meta h1 .leaf {
    margin-bottom: -5px;
    /*margin-right: 8px;*/
    margin-left: 2px;
    margin-top: 0px;
    margin-right: 0px;
    padding: 0;
}

h1 .leaf {
    padding: 3px 0 0 12px;
    margin: 0 12px -3px 0;
}

.logos li {
    padding-left: 2px;
}

.logos {
    text-align: center;
    padding-right: 6px;
    height: 48px;
}

#badge {
    clear: both;
    padding-top: 12px;
    text-align: center;
}
.ac_results {
    background: white;
    border: 2px solid #ddd;
    color: #666;
    padding-left: 1em;
    padding-right: 1em;
    margin-left: -8px;
    margin-top: 7px;
}

.ac_results li {
    padding: 2px;
}

.ac_results li.ac_over {
    background: #e4ffba;
    cursor: pointer;
}
.ac_results span.more {
    font-weight: bold;
}

.ac_results li img {
    vertical-align: middle;
    padding-right: 4px;
}

.ac_results a.name {
    padding: 4px;
    text-decoration: none;
    color: inherit;
    font-weight: normal;
}

.ac_results li.ac_over span {
    background: #e4ffba;
    cursor: pointer;
}

.ac_results a.name strong {
    color: #f99c1b;
}

.ac_results span.more {
    font-weight: bold;
}

.table-container .dbr {
    padding-bottom: 16px;
}

/* Contact us */
.contact-details {
    padding-right: 0px !important;
}
.contact-details .continuation {
    padding-left: 0px;
}
#department-email h3, #postal-mail h3 {
    font-size: 1.2em !important;
    color: #f70;
}
#department-email {
    float: left;
    width: 555px;
}
.department .name {
    font-weight: bold;
}
.department a {
    color: #444;
    font-weight: normal;
}
.department {
    float: left;
    width: 185px;
}
#department-email-after {
    clear: left;
}
#postal-mail h4 {
    font-size: 1em;
    margin: 0 !important;
    padding: 0 !important;
}
#postal-mail .address {
    margin: 0 !important;
    padding: 0 !important;
}
#postal-mail {
    float: left;
    width: 190px;
}
/* meta-buzz */
.news-item-logo {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
}