/* YUI CSS Reset */
body, div, dl, dt, dd, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, th, var {
    font-style: normal;
    font-weight: normal;
}

ul {
    /* list-style: none; */
}

caption, th {
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
q:before, q:after {
    content: '';
}
abbr, acronym {
    border: 0;
}
body {
    margin: 0;
    color: #555;
    min-width: 950px;
    font: 12px/19px Verdana, Geneva, sans-serif;
    /* background: #fff url(../images/bg-body.png) no-repeat; */
    background: #fff url(../images/header_repeater.jpg) repeat-x center top;
}
img {
    border-style: none;
}
blockquote {
    margin-left: 20px;
}
a:hover {
    text-decoration: underline;
}
input, textarea, select {
    font: 100% arial,sans-serif;
    vertical-align: middle;
}
form, fieldset {
    margin: 0;
    padding: 0;
    border-style: none;
}

form .spinner {
    padding-left: 5px;
    position: relative;
    top: 6px;
    display: none;
}

input[type="image"] {
    border: none;
    outline: none;
}

/* end reset */


/* Some Defaults */


.h1 {
    margin: 0 0 26px;
    background: url(../images/underline01.png) repeat-x 0 100%;
    font-size: 26px;
    padding: 0 0 2px;
    color: #438f44;
    line-height: 31px;
}
h3 {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 10px 0;
    color: #333;
    line-height: 24px;
}
h4 {
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    color: #333;
    line-height: normal;
    
    
}
p {
    margin: 0 0 15px;
}
a {
    color: #0066CC;
    text-decoration: underline;
}
a:hover { color: #0099FF; }
a:visited {
    color: #663366;
    text-decoration: underline;
}
strong {
    font-weight: bold;
}
em {
    font-style: italic;
}
hr {
    border: 0;
    color: #ccc;
    background-color: #ccc;
    height: 1px;
}
/* end defaults */

.clearall {
    content: "";
    clear: both;
    display: block;
}

.bold { font-weight: bold; }

.small { font-size: 11px; }

.impt {
    font-size: 14px; 
    font-weight: bold; 
}

a.glossary, a.glossary:visited, a.glossary:hover {
    color: #3F853A;
    border-bottom: dotted 1px #3F853A;
    text-decoration: none;
}

.top_navigation_links {
    position:relative;
    top:-20px;
}

a.back {
    background: transparent url(/content/images/icons/back.png) no-repeat;
    padding-left: 18px;
    vertical-align: middle;
}

.action_links img {
    vertical-align: middle;
    margin-right: 5px;
}

.disclaimer { font-style: italic; font-size: 11px; color: #666; }

.js .noflicker {display: none;} /* to reduce js flickers */

/* main layout containers */
.page_width {
    width: 924px;
    margin: 0 auto;   
}

#pre_content {
    position: absolute;
    top: 0;
    width: 100%; /* 924px; */
}
#container {
    position: relative;
    width:100%;
}

#content_container {
    position: absolute;
    top: 100px;
    width:100%;
    margin: 0;
}

#footer_container {
    position: absolute;
    top: -1px;
    width: 100%;
}

#content {
    width: 924px;
    margin: 0 auto;
    padding: 20px 0 0; /* 30px 0 73px; */
}


/* end containers */

/* content text summary */
#content_summary {
    /* background-color:#4BA14C; 
    border-top:1px solid #62B25B; */
    border-top: solid 1px #62B25B;
    bottom:-240px;
    height:200px;
    margin-top:20px;
    padding:20px 0;
    position:absolute;
    width:100%;  
    left: 0;    
}
#content_summary h1, #content_summary h2 {
    font-weight: bold;
    font-size: 11px;
    margin-bottom: 0;
    color: #20451D;
}

#content_summary p {
    font-size: 11px;
    margin-top: 0;
    color: #265223;
}

#content_summary a {    
   /* color: #D0F0B2; */
}


/* end content text summary */

#debug_panel {
    width: 870px;
    background-color: #E2ECE1;
    border: dashed 2px #73BF65;
    padding: 10px;
    margin: 0 auto 30px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}


/* header */
#header {
    /* height: 100px;  //With special notice */
    height: 82px; /* Without special notice */
    width: 924px;
    position: relative;
    margin: 12px auto 0;
    /*
    position: absolute;
    top: 0;
     overflow: hidden; */
    
}

#header strong.hreview {
    display: block;
    position: absolute;
    top: 33px;
    left: 0;
}

#header strong.hreview a {
    display: block;
    /* text-indent: -9999px; */
    position: relative;
    color: #fff;

  
    /* christmas logo 
    height:52px;
    top:-7px;
    width:162px;
    background: url(../images/logos/holiday/christmas.gif) no-repeat;
    */ 
      
    /* new years logo 
    height:71px;
    top:-12px;
    left: -30px;
    width:210px;
    background: url(../images/logos/holiday/newyears.png) no-repeat;
    */
    
    /* normal logo */  
    height: 42px;
    width: 160px;
    background: url(../images/logo.gif) no-repeat;
    
    
    /* background: url(../images/logo.png) no-repeat; */
    
}
.top-nav {
    float: right;
    display: inline;
    margin: 7px 0 0 10px;
}
.top-nav ul {
    margin: 0;
    overflow: hidden;
    padding: 0;
    list-style: none;
}
.top-nav ul li {
    float: left;
    line-height: 22px;
    padding: 0 12px;
    display: inline;
    margin: 0 0 0 -2px;
    background: url(../images/bullet01.gif) no-repeat 0 50%;
}
.top-nav .tel {
    font-size: 14px;
    font-weight: bold;
}
.top-nav ul li.cart {
    margin: 0;
    padding-left: 9px;
}
.top-nav ul li.cart a {
    background: url(../images/bullet02.gif) no-repeat 0 0;
    padding: 4px 0 7px 30px;
}
.top-nav ul li a {
    color: #4C8045;
    text-decoration: underline;
}
.top-nav ul li a:hover {
    text-decoration: none;
}
/* nav */
#nav {
    position: absolute;
    top: 38px;
    background: url(../images/bg-nav.gif) no-repeat 0 0;
    right: 1px;
    width: 734px;
    height: 37px;
}
#nav ul {
    margin: 0;
    float: left;
    overflow: hidden;
    padding: 0;
    list-style: none;
}
#nav ul li {
    float: left;
    overflow: hidden;
    height: 37px;
}
#nav ul li a {
    width: 304px;
    float: left;
    text-indent: -9999px;
    height: 154px;
    background: url(../images/nav-sprite.png) no-repeat;
    cursor: pointer;
    overflow: hidden;
}
#nav ul li a.a1 {
    width: 111px;
    margin: 0 0 0 0;
}
#nav ul li a.a2 {
    width: 235px;
    margin: 0 0 0 -113px;
}
#nav ul li a.a3 {
    width: 350px;
    margin: 0 0 0 -237px;
}
#nav ul li a.a1:hover {
    width: 111px;
    margin: -39px 0 0 0;
}
#nav ul li a.a2:hover {
    margin: -39px 0 0 -113px;
}
#nav ul li a.a3:hover {
    margin: -39px 0 0 -237px;
}
#nav ul li.active a.a1 {
    margin: -78px 0 0;
}
#nav .form {
    float: right;
    margin: 6px 6px 0 0;
    display: inline;
}
.welcome {
    /* 
    float: right;
    margin: 10px 15px 0; 
    color: #fff; 
    */
    font-size: 12px;
    display: inline;
    font-weight: normal;
}
.form .text {
    background: none;
    border: none;
    font-size: 11px;
    position: relative;
    width: 150px;
    line-height: 11px;
    color: #6b6b6b;
}
.form span {
    background: url(../images/bg-text.gif) no-repeat;
    display: block;
    padding: 3px 0 5px 23px;
    width: 153px;
}
#header .bottom-line {
    /* display: none; */
    position: absolute;
    right: 21px;
    padding: 3px 0 2px 13px;
    background: url(../images/header-line.gif) no-repeat;
    width: 691px;
    height: 20px;
    bottom: 0;
    color: #666;
}
.bottom-line strong {
    font-weight: bold;
    position: relative !important;
    top: auto !important;
    display: inline !important;
}
.bottom-line p {
    margin: -1px 0 0;
}
.bottom-line img {
    display: inline;
    margin: 0 6px 0 0;
    vertical-align:middle;
}


/* tabs */
#content .tabs {
    overflow: hidden;
    height: 1%;
    position: relative;
    margin: 0 -5px 20px;
}
.tabs .green-line {
    font-size: 0;
    height: 1px;
    width: 100%;
    overflow: hidden;
    background: url(../images/green-line.png) no-repeat;
}
.tabs ul {
    height: 27px;
    width: 818px;
    overflow: hidden;
}
.tabs ul li {
    float: left;
    overflow: hidden;
    height: 27px;
}
.tabs ul li a {
    float: left;
    text-indent: -9999px;
    cursor: pointer;
    width: 818px;
    height: 83px;
    background: url(../images/tab-sprites.png) no-repeat;
}
.tabs ul li a.l1 {
    width: 88px;
}
.tabs ul li a.l1:hover {
    margin: -28px 0 0;
}
.tabs ul li.active a.l1 {
    margin: -56px 0 0;
}
.tabs ul li a.l2 {
    width: 239px;
    margin: 0 0 0 -88px;
}
.tabs ul li a.l2:hover {
    margin: -28px 0 0 -88px;
}
.tabs ul li.active a.l2 {
    margin: -56px 0 0 -88px;
}
.tabs ul li a.l3 {
    width: 329px;
    margin: 0 0 0 -239px;
}
.tabs ul li a.l3:hover {
    margin: -28px 0 0 -239px;
}
.tabs ul li.active a.l3 {
    margin: -56px 0 0 -239px;
}
.tabs ul li a.l4 {
    width: 436px;
    margin: 0 0 0 -329px;
}
.tabs ul li a.l4:hover {
    margin: -28px 0 0 -329px;
}
.tabs ul li.active a.l4 {
    width: 436px;
    margin: -56px 0 0 -329px;
}
.tabs ul li a.l5 {
    width: 583px;
    margin: 0 0 0 -436px;
}
.tabs ul li a.l5:hover {
    margin: -28px 0 0 -436px;
}
.tabs ul li.active a.l5 {
    width: 583px;
    margin: -56px 0 0 -436px;
}
.tabs ul li a.l6 {
    width: 818px;
    margin: 0 0 0 -583px;
}
.tabs ul li a.l6:hover {
    margin: -28px 0 0 -583px;
}
.tabs ul li.active a.l6 {
    width: 818px;
    margin: -56px 0 0 -583px;
}
/* box */
.box {
    /* float: left; */
    margin: 0;
}
.inner {
    width: 100%;
    display: table;
    background: url(../images/bg-box.png) repeat;
}
.inner:after {
    display: block;
    content: "";
    clear: both;
}
.inner-holder {
    float: left;
    width: 100%;
    position: relative;
    margin: -20px 0 0;
}


.inner ul {
    /* margin: 6px 0 11px 17px; */
}
.inner ul li {
    background: url(../images/bullet03.gif) no-repeat;
    padding: 0 0 0 16px;
    height: 1%;
    margin: 0 0 11px;
}


.box-contents {
    padding: 10px 24px 0 20px;
}

.box-contents p {
    margin: 5px 0 10px;
}

.top-left, .top-right, .bottom-left, .bottom-right {
    background: url(../images/box-topleft.png) no-repeat;
    height: 8px;
    width: 8px;
    font-size: 0;
}

.boxheader .top-left, .boxheader .top-right {
    background: url(../images/signup-topleft.png) no-repeat;
    height: 30px;
    width: 8px;
    font-size: 0;
}
.top-right, .bottom-right {
    margin: -8px 0 0 auto;
    background: url(../images/box-topright.png) no-repeat;
}
.boxheader .top-right {
    margin: -30px 0 0 auto;
    background: url(../images/signup-topright.png) no-repeat;
}
.boxheader .top {
    margin: -30px 8px 0 8px;
    background: url(../images/bg-signup.png) repeat;
    height: 30px;
    font-size: 0;
}
.bottom-right {
    background: url(../images/box-bottomright.png) no-repeat;
}
.bottom-left {
    background: url(../images/box-bottomleft.png) no-repeat;
}

.top, .bottom {
    margin: -8px 8px 0 8px;
    background: url(../images/bg-box.png) repeat;
    height: 8px;
    font-size: 0;
}

.bottom {
    background: url(../images/bg-box.png) repeat;
}

.boxheader h4 {
    /* background: url(../images/newsletter.png) no-repeat; */
    font-size: 13px;
    height: 1%; /* text-indent: -9999px; */
    line-height: 13px;
    margin: 0 0 0 14px;
    font-weight: bold;
}

/* Newsletter Signup Form */
.signup-form div {
    /*      background: url(../images/bg-signup-text.png) no-repeat;      width: 175px;     height: 24px;     overflow: hidden;     */
    margin: 0 0 10px;
}
.signup-form .text {
    /*     background: none;     border: none;     */
    color: #1f1f1f;
    padding: 5px;
    font-size: 12px;
    line-height: normal;
    margin: 0;
    width: 160px;
}
.signup-form .button {
    margin: 0 0 9px;
    overflow: visible;
}

.signup .signup-form {
    width: 175px;
}
.signup-form span {
    display: block;
}

/* table-holder */
#content .table-holder {
    position: relative;
    width: 395px;
    float: right;
    margin: 8px 0 0;
}
#content .table-holder p {
    margin: 0;
}
#content .table-holder ul {
    padding: 0 0 0 20px;
}
#content .table-holder ul li {
    margin: 0 0 9px;
}
#content .table-holder ul li a:hover {
    text-decoration: none;
}
#content .table {
    width: 100%;
}
.table-holder .moneyback {
    background: url(../images/money-back.png) no-repeat;
    position: absolute;
    right: -23px;
    height: 65px;
    width: 72px;
    top: -15px;
}
.table tr td span {
    color: #4b82ab;
}
.table td {
    padding: 6px 0 6px;
    font-size: 12px;
    border-bottom: 1px solid #d7d7d7;
}
.table .selection {
    padding: 0 0 0 18px;
}
.table .bold {
    font-weight: bold;
    text-align: center;
    background: #efefef url(../images/bg-table-price.png) repeat-y;
    width: 82px;
    padding-left: 13px;
    padding-right: 13px;
}
.table .price {
    background: #dfdfdf url(../images/bg-table-price.png) repeat-y;
    padding: 0 13px;
    width: 82px;
    text-align: center;
}
.table .line {
    text-decoration: line-through;
    padding: 0 13px;
}
.table th {
    background: #dfdfdf;
    text-transform: uppercase;
    font-weight: bold;
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 11px;
}
.table .spr {
    padding-left: 20px;
}
.table td {
    background: #efefef;
}
.table .left-top {
    background: #dfdfdf url(../images/corner-lefttop.png) no-repeat;
    padding: 0 0 0 15px;
}
.table .right-top {
    width: 124px;
    background: #dfdfdf url(../images/corner-righttop.png) no-repeat right 0;
}
.table .red {
    width: 124px;
    color: #990000;
    font-weight: bold;
}
.table-holder .specialoffer {
    height: 1%;
    overflow: hidden;
    background: #f8f8f8;
    border-bottom: 1px #d7d7d7 solid;
    padding: 9px 5px 8px 15px;
}
.table-holder .specialoffer p {
    color: #417ba7;
    font-size: 11px;
}

.table-holder .specialoffer p.shipping span {
    color: #990000;
    font-size: 12px;
    font-weight: bold;
}


.table-holder .note_pre {
    font-size: 15px;
    margin-bottom: 10px;    
}

.order-form {
    overflow: hidden;
    height: 1%;
    padding: 14px 0 2px 17px;
    background: #efefef;
}
.form-selection {
    overflow: hidden;
}
.form-selection .row {
    float: left;
    margin: 0 20px 0 0;
}
.form-selection .selection {
    width: 160px;
    font-size: 13px;
}
.form-selection .row-qty {
    float: left;
    margin: 0 0 0 0;
}
.form-selection .label {
    display: block;
    margin: 0 0 6px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
}
.form-selection .cart {
    margin: 19px 0 0 20px;
}

.row-qty .label {
    margin: 0 0 6px 0;
}
.form-selection .row-qty .qty {
    text-align: center;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    width: 20px;
    height: 16px;
}
.bottom-form {
    background: url(../images/bottom-form.png) no-repeat;
    height: 9px;
    overflow: hidden;
    margin: 0 0 12px;
}
.container {
    height: 1%;
    margin: 0 0 25px;
}
.container:after {
    content: "";
    display: block;
    clear: both;
}

.product_print {
    float:right;
    position:relative;
    top:-50px;
}

.product_print img {
    margin-right:5px;
    vertical-align:middle;
}

.product_summary {
    float: left;
    width: 500px;
}
.product_summary img {
    display: block;
}
.product_summary .image-holder {
    float: left;
    margin: 0 15px 0 0;
}
.product_summary .right_of_image {
    /* padding-left: 160px; */
    float: left;
    width: 400px;
}

.product_summary .lifestyle_content {
    float: right;
    width: 330px;
}

.product_summary p {
    line-height: 16px;
    margin: 0 0 7px;
}
.product_summary .value {
    font-weight: bold;
}
.product_summary h2 {
    font-size: 18px;
    line-height: 21px;
    margin: 6px 0 10px;
    padding: 0;
    color: #333;
    font-weight: normal;
}
.product_summary strong.madein {
    color:#666666;
    display:block;
    font-weight:bold;
    overflow:hidden;
    text-align:center;
    margin-top: 5px;
}
.order_now_image {
    margin-top: 10px; 
    float: left;
}


.madein img {
    display: inline;
    margin: 0 7px 0 0;
}
.product_summary .rating-box {
    overflow: hidden;
    margin: 18px 0 17px;
}
.rating-box p {
    font-size: 11px;
    color: #666;
}
.rating-box strong {
    font-weight: bold;
    font-size: 12px;
}
.rating-box img {
    display: inline;
    margin: 0 11px 0 17px;
}
.rating-box a {
    margin: 0 3px 0 0;
    text-decoration: underline;
}
.rating-box a:hover {
    text-decoration: none;
}
#content .jigsaw {
    float: left;
}
#content .overview {
    padding: 0 0 0 5px;
}
#content .overview p {
    margin: 0 0 19px;
    line-height: 18px;
}
#content .overview p strong {
    font-weight: bold;
}
#content .block-holder {
    overflow: hidden;
    padding: 5px 0 0;
}
/* footer-wrapper */
.footer-wrapper {
    height: 1%;
    position: relative;
}
.footer-shadow {
    background: url(../images/footer-shadow.png) repeat-x;
    height: 18px;
    overflow: hidden;
}
.footer-holder {
    background: #62b25b url(../images/bg-footer.gif) repeat-x;
}
.apple {
    position: absolute;
    top: -65px;
    right: 13px;
    width: 159px;
    background: url(../images/apple.png) no-repeat;
    height: 96px;
}
/* footer */
#footer {
    width: 944px;
    margin: 0 auto;
    position: relative;
    padding: 0 0 26px;
}
#footer:after {
    content: "";
    clear: both;
    display: block;
}
#footer .help-holder {
    float: left;
    display: inline;
    margin: 0 35px 0 17px;
    width: 300px;
}
.help .tel {
    font-size: 17px;
    margin: 0 0 2px;
}
.help .call {
    font-size: 13px;
    padding: 0 0 0 6px;
}
.help .time {
    font-size: 10px;
    line-height: 21px;
    padding: 0 0 0 5px;
}
/* help */
#footer .help {
    width: 272px;
    padding: 32px 14px 10px;
    overflow: hidden;
    /* background: url(../images/bg-help.png) repeat-y; */
    background: #74BD64 url(../images/bg-help2.png) no-repeat;
}
#footer .help a {
    color: #fff;
    text-decoration: underline;
    position: relative;
}
#footer .help a:hover {
    text-decoration: none;
}
#footer .help span.mailus {
    padding: 8px 0 15px 7px;
    display: block;
}
.help-bottom {
    background: url(../images/help-bottom.png) no-repeat;
    height: 10px;
}
.help h5 {
    background: url(../images/underline.gif) repeat-x 0 100%;
    color: #030;
    margin: 0 0 10px 6px;
    padding: 0 0 8px;
    font-size: 16px;
}
.form-footer {
    display: block;
    position: relative;
    margin: 0 0 13px 4px;
}
.form-footer div {
    background: url(../images/bg-text01.png) no-repeat;
    padding: 2px 5px 5px 23px;
    height: 1%;
}
.form-footer .text {
    border: none;
    position: relative;
    background: none;
    position: relative;
    color: #6b6b6b;
    font-size: 11px;
    width: 189px;
    overflow: hidden;
}
.help .chatonline {
    display: block;
    height: 59px;
    margin: 0 0 20px;
    text-indent: -9999px;
    background: url(../images/chatonline.png) no-repeat;
    width: 272px;
    text-decoration: none;
    cursor: pointer;
    position: relative;
}
.help .chatonline:hover {
    text-decoration: none;
}
#footer .account {
    width: 272px;
    margin: 0 auto;
    overflow: hidden;
}
#footer .account-top {
    background: url(../images/account-top.png) no-repeat;
    height: 26px;
    padding: 11px 0 0 12px;
}
.account-top h6 {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
}
#footer .account-center {
    padding: 13px 0 1px 17px;
    height: 1%;
    background: url(../images/account-center.png) repeat-y;
}

#footer .account-center ul {
    list-style: none;
}

#footer .account-center ul li {
    margin: 0 0 10px;
    height: 1%;
}
#footer .account-center ul li a {
    color: #fff;
    position: relative;
    text-decoration: underline;
}
#footer .account-center ul li a:hover {
    text-decoration: none;
}
#footer .account-bottom {
    height: 11px;
    overflow: hidden;
    background: url(../images/account-bottom.png) no-repeat;
}
/* about */
#footer .about {
    width: 263px;
    float: left;
    overflow: hidden;
    display: inline;
    margin: 32px 50px 0 0;
}
.about h6 {
    background: url(../images/underline.gif) repeat-x 0 100%;
    color: #030;
    margin: 0 0 7px 5px;
    padding: 0 0 8px;
    font-size: 16px;
}
.book h6 {
    margin: 0 0 12px;
    padding: 0 0 6px 5px;
}
.about ul {
    padding: 0 0 23px;
    overflow: hidden;
    list-style: none;
}
.about ul li {
    line-height: 24px;
    width: 100%;
    padding: 0 0 0 31px;
    margin: 0 0 7px;
}
.about ul li.why {
    background: url(../images/company.png) no-repeat;
}
.about ul li.team {
    background: url(../images/team.png) no-repeat;
}
.about ul li.twitter {
    background: url(../images/twitter.png) no-repeat;
}
.about ul li.facebook {
    background: url(../images/facebook.png) no-repeat;
}
.about ul li.send {
    background: url(../images/mail.png) no-repeat;
}
.about ul li a {
    color: #d7f8b8;
    text-decoration: underline;
}
.about ul li a:hover {
    text-decoration: none;
}
.about .book img {
    float: left;
    margin: 0 14px 0 3px;
}
.about .book p {
    margin: 0 0 9px;
    color: #030;
    font-size: 11px;
    line-height: 15px;
}
.about .book a.signup {
    color: #d7f8b8;
    float: left;
    margin: -2px 0 0 89px;
    text-decoration: underline;
}
.about .book a:hover {
    text-decoration: none;
}
/* products */
#footer .products {
    float: left;
    height: 1%;
    margin: 32px 0 0;
}
.products h6 {
    background: url(../images/underline.gif) repeat-x 0 100%;
    color: #030;
    margin: 0 0 10px;
    padding: 0 0 8px;
    font-size: 16px;
}
.products .all {
    width: 100%;
    display: inline;
    margin: 0 0 0 9px;
}
.products .all a {
    height: 1%;
}
.products ul {
    margin: 0;
    overflow: hidden;
    padding: 0 0 13px;
    list-style: none;
    display: block;
}
.products ul li {
    clear:both;
    height:1%;
    margin:0 0 5px;
    padding:0;
}
.products ul li p {
    color:#333333;
    font-size:10px;
    line-height:11px;
    margin:0;
}
.products ul li .img_thumb {
    background: url(../images/footer/product_container.png) no-repeat;
    float:left;
    text-align:center;
    padding: 6px 0 0 0;
    width: 46px;
    height: 46px;
    margin-right:5px;
}
.products ul li.product {
    background: url(../images/product.png) no-repeat;
}
.products ul li.tube {
    background: url(../images/tube.png) no-repeat;
}
.products a {
    color: #d7f8b8;
    text-decoration: underline;
}
.products a:hover {
    text-decoration: none;
}
.wrapper-bottom {
    overflow: hidden;
    background: #4ba14c;
    padding: 0 0 34px;
}
.bottom-holder {
    padding: 26px 0 0;
    width: 944px;
    overflow: hidden;
    margin: 0 auto;
}
.bottom-holder h6 {
    font-size: 15px;
    color: #030;
    font-weight: bold;
    float: left;
    margin: 0 0 13px;
    line-height: 19px;
}
/* quote-holder */
.quote-holder {
    margin: 0 0 0 21px;
    overflow: hidden;
    height: 1%;
    padding: 0 0 34px;
}
.bottom-holder blockquote {
    width: 430px; /* 551px; */
    float: left;
    color: #d0f0b2;
    font-style: italic;
    padding: 0 0 0 49px;
    background: url(../images/quote01.png) no-repeat;
}
.bottom-holder blockquote cite {
    float: left;
    font-weight: bold;
}
.bottom-holder blockquote q {
    margin: 0 0 10px;
    line-height: 17px;
    display: block;
}
.bottom-holder .quote {
    float: right;
    height: 27px;
    margin: -15px 0 0;
    width: 34px;
    background: url(../images/quote02.png) no-repeat;
}

/* badge-holder */
.badge-holder {
    float:right;
    width:380px;
}

/* bottom-navigation */
.bottom-holder .bottom-navigation {
    text-align: right;
    height: 1%;
    margin: 0 25px 0 0;
    float: right;
}
.bottom-navigation ul {
    float: right;
    width: 100%;
    margin: 0 -9px 13px;
    overflow: hidden;
    list-style: none;
}
.bottom-navigation ul li {
    float: right;
    margin: 0 0 0 -1px;
    padding: 0 10px;
    border-left: 1px solid #fff;
}
.bottom-navigation ul li.last {
    border: none;
}
.bottom-navigation ul li a {
    color: #fff;
    text-decoration: underline;
}
.bottom-navigation ul li a:hover {
    text-decoration: none;
}
.bottom-navigation span {
    color: #fff;
    font-size: 10px;
}
.bottom-navigation address {
    color: #fff;
    font-size: 10px;
}
.bottom-navigation dl {
    overflow: hidden;
    float: right;
    color: #fff;
    height: 1%;
    font-size: 10px;
}
.bottom-navigation dt {
    float: left;
}
.bottom-navigation dd {
    float: left;
}


/* products page */
.content_formatting ul {
    margin: 6px 0 11px 17px;
    list-style: none;
}

.content_formatting ol {
    margin: 6px 0 11px 17px;
    padding: 0 0 0 17px;
}
.content_formatting hr {
    margin-bottom: 15px;
}

.content_formatting ul li {
    background: url(../images/bullet03.gif) no-repeat;
    padding: 0 0 0 16px;
    height: 1%;
    margin: 0 0 5px;
}

.product_container .img_container {
    vertical-align: middle;
    float: left;
    text-align: center;
    width: 50px;
}

.product_container p {
    margin-left: 50px;
}

.product_container a {
    font-weight: bold;
    font-size: 13px;
}

.content_formatting .product_list_img {
    /*     vertical-align:middle;     margin-right: 5px; */
}

.content_formatting #product-video {
    float: right;
}


/* end products page */


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
    border: none;
    padding: 10px 0 10px 0;
}
fieldset label {
    display: block;
    float: left;
    margin: 0;
}
.formLayout input {
}
fieldset label {
    /* width: 120px; */
    text-align: right;
    padding-right: 15px;
}
fieldset p {
    /* clear: left; */
    margin: 0 0 10px 0;
}

input, password, select {
    padding: 4px;
}

input[type="image"] {
    padding: 0 !important; /* not in IE */
}

.input-validation-error {
    border: solid 1px #D65452;
    color: Red;
    background-color: #FFF4F0;
}

.field-validation-error {
    background: transparent url(/content/images/icons/error.png) no-repeat;
    padding: 0 0 1px 20px;
    margin: 0 0 0 5px;
    height: 20px;
    vertical-align: middle;
}

/* Homepage */

.home-left {
    width: 650px;
    min-height: 300px;
    display: block;
    float: left;
}

.home-left .offer a, .home-left a.expand {
    color: #4C8045;
}

.home-right {
    display: block;
    float: right;
}

#home-featured {
}

#home-featured h1 {
    display: inline;
    color: #666;
    font-size: 16px;
    font-family: Verdana, Arial, Helvetica;
    background: none;
    border: none;
    font-weight: bold;
    line-height: normal;
}

#home-featured h2 {
    display: inline;
    font-family: Verdana, Arial, Helvetica;
    font-size: 14px;
    line-height: normal;
}


#home-featured img {
    padding-right: 10px;
    float: left;
    border: none;
}

#home-featured .button {
    margin-top: 25px;
}


#home-featured .need {
    color: #43923A;
    font-size: 24px;
    font-weight: bold;
    margin: 10px 0 10px;
    line-height: normal;
}

#home-featured .solution {
    color: #666;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    padding: 0;
}

#home-featured .offer {
    color: #333;
    font-size: 14px;
}


#home-content {
    margin: 40px 0 30px 0;
}

#home-content p {
    margin-top: 0;
    margin-bottom: 20px;
    color: #333333;
    font-size: 13px;
}


#home-content a.expand {
    font-weight: bold;
    cursor: pointer;
}

#home-content ul {
    list-style: none;
}

#home-content ul li {
    background: url(../images/bullet03.gif) no-repeat;
    padding: 0 0 0 16px;
    height: 1%;
    margin: 0 0 11px;
}




#home-products {
    width: 225px;
    text-align: left;
}

#home-products .box-contents {
    text-align: center;
}

/* end homepage */

/* My Account */

.order_history .order {
    margin: 5px 0 20px 0;
}
    
.order_history .order .header {
  /*  background-color: #DFDFDF;      */ 
}

.order_history .order .summary {
    width: 190px;
    float: left;
}

.order_history .order .items {
    
    float: left;
}

.order_history .order .action {
    float: right;
}

.order_status.shipped {
    color: Green;  
}

/* end my account */


/* About Page */

.about_left {
    width: 670px;
    float: left;
}

.about_right {
    float: right;
    width: 225px;
}

.about_left img.foundation_logo {
    float: right;
    padding: 0 0 5px 20px;
}

.about_left img.save_trees {
    float: left;
    padding: 0 20px 5px 0;
}

.about_left p.quote {
    font-style: italic;
    color: #666666;
}

.about_left p.quote span {
    font-style: normal;
    color: #333;
    float: right;
    margin-top: 20px;
}


.about_left .box {
    margin-top: 30px;
}
.about_right .box {
    margin-bottom: 20px;
}

/* end about */

/* product related products */

    div.related_product {       
        width: 250px;
        padding: 15px;
        text-align: center;        
        vertical-align:top;
        display: inline;
        float: left;
    }
    
    div.related_product img {
        padding: 0 10px 3px 0;
        float: left;         
    }
    
    div.related_product div.desc {
        text-align: left;
    }
    
    div.related_product div.desc span {
        font-size: 11px;
    }

/* Article Template */

#article_related_products {
    float: right;
    width: 225px;
    padding: 0 0 20px 30px;
}




/* Message Box */

.message_box {
    background-color: #ededed;
    background: #ededed none no-repeat 8px 8px;
    border: solid 1px #ccc;
    padding: 8px 10px 8px 30px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    float: left;
    margin-bottom: 10px;
}

.message_box ul {
    margin-left: 15px;
}

/* Custom error states */
.message_box.error {
    border-color: Red;
    background-image: url(/content/images/icons/error.png);
}
.message_box.error a {
    color: Red;
}

.message_box.warning {
    border-color: #D6921F;
    background-image: url(/content/images/icons/warning.png);
}
.message_box.success {
    border-color: #66B55D;
    background-image: url(/content/images/icons/success.png);
}
.message_box.information {
    border-color: #6A98C4;
    background-image: url(/content/images/icons/information.png);
}
.message_box.information a {
    color: #6A98C4;
}
/* --- */

table.infogrid {
    border-collapse: separate;
    margin-bottom: 10px;
}

.infogrid th {
    border-bottom:1px solid #999;
    font-size:13px;
    font-weight:bold;
    padding: 6px 6px 0 0;
}

.infogrid td {
    border-bottom: solid 1px #ccc;    
    padding: 6px 6px 6px 0;
}

/* Rich Text Editor */

.rte-left {   
    float: left;
    width: 550px;
}
.rte-right {
    float: right;
    width: 315px;
}

/* ------ */

/* Product Reviews */

.product_reviews table {
    margin:10px 15px 0 0;
}

.product_reviews table td {
    padding: 10px;
    background: #efefef;
    vertical-align: top;
}

.product_reviews table td.left {
    /* background: #dfdfdf; */
    width: 225px;
}

.product_reviews table td.right {
}

.product_reviews img.avatar {
    border: solid 1px #000;
    width: 50px;
    height: 50px;
    text-align: left;
    margin: 0 5px 5px 0;
    
}

.product_reviews .overview_label {
    font-weight: bold;
    float: left;
}

.product_reviews .category {
    font-weight: bold;
    float: left;
    width: 100px;
}

.product_reviews div.overall_rating {
    text-align: center;
    width: 90px;
    padding-left: 70px;
    font-size: 9px;
    line-height:11px;
    
}

.product_reviews .scale {
   float: left;        
}

.product_reviews .scale img {
    margin-left: 4px;
    
}

.product_reviews .band img {
    vertical-align: middle;
}

.product_reviews .review_container {
    position: relative;
    margin-bottom: 20px;
}

.product_reviews .badge {
    width: 106px;
    height: 107px;
    position:absolute;
    right:-5px;
    top:-15px; /* without header: -5px; */
}

.product_reviews .ribbon {
    width: 83px;
    height: 85px;
    position:absolute;
    left:-4px;
    top:-13px; /* without header: -4px; */ 
}

.product_reviews .box-contents {
    padding: 15px 24px 0 20px;
}

.product_reviews label {
    margin-right: 10px;
}

/* end product reviews */

table.conditions {
    width: 100%;
    margin: 15px 0 5px 0;
}

table.conditions td {
    vertical-align: top;
}