/*
--------------------------------------------------------------------------------
CLIENT: Magnetico
AUTHOR: Sevenlight Inc.
----------------------------------------------------------------------------- */


/* IE5/Win Only Styles
Uses the Mid Pass Filter:
http://tantek.com/CSS/Examples/midpass.html */
@media tty {
    i{content:"\";/*" "*/}} @import 'ie5win.css'; /*";}
} /* */

/** STRUCTURE **/

* {
    padding: 0;
    margin: 0;
}

ul, ol {
    margin: 0 0 0 30px;
}

body {
    color: #000;
    font: 12px "Lucida Grande", Helvetica, Arial, sans-serif;
    background-color: #000;
}

#wrap {
    width: 1024px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

#header {
    width: 1024px;
    height: 78px;
    background: transparent url("/images/header-bg.gif") top center repeat-x;
    margin: 0;
    padding: 0;
}

#header #cart-icon {
    float: right;
    background: transparent url("/images/cart-icon.gif") right top no-repeat;
    padding-right: 27px;
    margin: 14px 6px 0 0;
    font: 13px/20px "Lucida Grande", Helvetica, Arial, sans-serif;
    color: #647b28;
    text-decoration: none;
}

#header p {
    float: right;
    clear: right;
    font: 11px/14px "Lucida Grande", Helvetica, Arial, sans-serif;
    letter-spacing: -0.5px;
    color: #bd8b52;
    margin: 6px 14px 0 0;
}

#header-wrap {
    background: transparent url("/images/banner.gif") left bottom repeat-x;
    clear: both;
}

div#nav-wrap {
    background: transparent url("/images/nav-bg.gif") left bottom repeat-x;
    width: 1024px;
    z-index: 1000;
}

#content-wrap {
    width: 1024px;
    clear: both;
    float: left;
    background: transparent url("/images/content-bg.gif") left bottom repeat;
}

#content {
    width: 878px;
    clear: both;
    float: left;
    min-height: 472px;
    padding: 23px 123px 55px 23px;
    background: transparent url("/images/main-bg.gif") left bottom repeat-x;
}

#content-index {
    width: 1024px;
    clear: both;
    float: left;
    min-height: 472px;
    background: transparent url("/images/main-bg.gif") left bottom repeat-x;
}

#footer {
    width: 994px;
    height: 29px;
    font: 9px "Lucida Grande", Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #fff;
    clear: both;
    padding: 1px 15px 1px 15px !important;
    background: #647b28 left bottom repeat-x;
}

#bottom-banner {
    width: 1024px;
    height: 34px;
    background: transparent url("/images/bottom-banner.gif") left top repeat-x;
    margin-bottom: 30px;
}

/** NAVIGATION **/

div#nav-wrap ul.nav {
    clear: both;
    width: 1024px;
    height: 2.225em;
    list-style: none;
    background: transparent url("/images/nav-bg.gif") top left repeat;
    border-bottom: solid 1px #d7c09b !important;
    padding: 0;
    margin: 0;
}

div#nav-wrap ul.nav li {
    padding: 0.1em 1.2em 0.2em 1.2em !important;
    margin: 0 !important;
    position: relative;
    float: left;
    background: transparent !important;
    cursor: pointer !important;
}

div#nav-wrap ul.nav li a {
    font: 14px/24px "Lucida Grande", Helvetica, Arial, sans-serif;
    color: #65bdb6;
    font-weight: bold !important;
    text-decoration: none;
}

div#nav-wrap ul.nav li:hover, div#nav-wrap ul.nav li.over {
    background: #cada91 !important;
}

div#nav-wrap ul.nav li:hover a {
    color: #bd8b52;
}

div#nav-wrap ul.nav li ul {
    width: 18em;
    list-style: none;
    position: absolute;
    left: 0;
    top: 2.225em;
    display: none;
    background: transparent url("/images/menu-bg.gif") top left repeat;
    border: solid 1px #bd8b52;
    z-index: 1001;
    padding: 5px 0 5px 0;
    margin: 0;
}

div#nav-wrap ul.nav li ul li {
    height: auto;
    padding: 0.4em 0 0.4em 10px !important;
    display: block;
    float: none;
}

div#nav-wrap ul.nav li ul li a {
    font: 11px "Lucida Grande", Helvetica, Arial, sans-serif !important;
    color: #bd8b52;
    font-weight: bold !important;
}

div#nav-wrap ul.nav li ul li:hover, div#nav-wrap ul.nav li ul li.over {
    background: #cada91 !important;
}

div#nav-wrap ul.nav li ul li:hover a, div#nav-wrap ul.nav li ul li.over a {
    color: #fff !important;
}

div#nav-wrap ul.nav a:hover {
    text-decoration: none !important;
}

div#nav-wrap ul.nav li:hover ul, div#nav-wrap ul.nav li.over ul {
    display: block;
}

#footer ul {
    list-style: none;
    margin: 4px 0 0 0;
}

#footer ul li {
    height: 29px;
    float: left;
    display: inline;
    padding: 4px 0 0 4px;
    margin-right: 15px;
}

* html #footer ul li {
    height: 22px;
}

/** HEADLINES **/

#header h1 {
    text-indent: -9999px;
    background: transparent url("/images/logo.gif") left top no-repeat;
    width: 419px;
    height: 63px;
}

h2 {
    font: 17px/20px "Lucida Grande", Helvetica, Arial, sans-serif;
    font-weight: bold;
    letter-spacing: -0.05em;
    margin: 0 0 5px -0.05em;
    color: #000;
}

h3 {
    font: 14px/18px "Lucida Grande", Helvetica, Arial, sans-serif;
    font-weight: bold !important;
    margin: 15px 0 5px -0.05em;
    color: #000;
    letter-spacing: -0.05em;
}

h4 {
    font: 22px/28px "Eurostile", Helvetica, Arial, sans-serif;
    color: #000;
    letter-spacing: -0.0125em;
    margin: 9px 0 5px 0;
}

h5 {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
    color: #7d9933;
    margin: 9px 0 5px 0;
    border-bottom: #7d9933 solid 1px;
}

/** SPECIAL **/

p.location {
    color: #000;
    font-size: 11px !important;
}

h2 a, h3 a, h4 a {
    color: inherit !important;
}

div.product-view {
    width: 778px;
    margin: 1em 0 0 0;
    min-height: 350px;
}

div.CSP-product-view {
    background: transparent url("/images/productview-classic-middle.gif") left top repeat-y;
}

div.CP-product-view {
    background: transparent url("/images/productview-core-middle.gif") left top repeat-y;
}

div.BP-product-view {
    background: transparent url("/images/productview-booster-middle.gif") left top repeat-y;
}

div.SSS-product-view {
    background: transparent url("/images/productview-super-middle.gif") left top repeat-y;
}

div.product-view .outer-wrap {
    width: 100%;
    min-height: 350px;
    height: 100%;
    background: transparent url("/images/productview-classic-main.jpg") top left repeat-x;
}

div.CSP-product-view .outer-wrap {
    background: transparent url("/images/productview-classic-main.jpg") top left repeat-x;
}

div.CP-product-view .outer-wrap {
    background: transparent url("/images/productview-core-main.jpg") top left repeat-x;
}

div.BP-product-view .outer-wrap {
    background: transparent url("/images/productview-booster-main.jpg") top left repeat-x;
}

div.SSS-product-view .outer-wrap {
    background: transparent url("/images/productview-super-main.jpg") top left repeat-x;
}

div.product-view .inner-wrap {
    width: 100%;
    min-height: 350px;
    height: 100%;
    background: transparent url("/images/productview-classic-bottom.gif") left bottom no-repeat;
}

div.CSP-product-view .inner-wrap {
    background: transparent url("/images/productview-classic-bottom.gif") left bottom no-repeat;
}

div.CP-product-view .inner-wrap {
    background: transparent url("/images/productview-core-bottom.gif") left bottom no-repeat;
}

div.BP-product-view .inner-wrap {
    background: transparent url("/images/productview-booster-bottom.gif") left bottom no-repeat;
}

div.SSS-product-view .inner-wrap {
    background: transparent url("/images/productview-super-bottom.gif") left bottom no-repeat;
}

div.product-view h3 {
    color: #fff;
    font: 17px "Lucida Grande", Helvetica, Arial, sans-serif;
    letter-spacing: -0.05em;
    padding: 17px 0 5px 42px !important;
    height: 30px;
}

div.CSP-product-view h3 {
    background: transparent url("/images/molecule-classic.gif") top left no-repeat;
}

div.CP-product-view h3 {
    background: transparent url("/images/molecule-core.gif") top left no-repeat;
}

div.BP-product-view h3 {
    background: transparent url("/images/molecule-booster.gif") top left no-repeat;
}

div.SSS-product-view h3 {
    background: transparent url("/images/molecule-super.gif") top left no-repeat;
}

div.product-view div.content {
    padding: 10px 25px 26px 10px;
    color: #fff;
}

div.product-view div.content p {
    line-height: 1.15em !important;
    margin: 6px 0 0 0 !important;
    font-size: 12px !important;
    color: #000;
}

div.product-view ul.banner {
    width: 756px;
    margin: 0 9px 0 1px !important;
    background-color: #f7f9ef;
    height: 27px;
    padding: 10px 0 0 10px;
    display: block;
}

div.product-view a.preview-link {
    margin-right: 35px;
    position: relative;
    float: right;
    display: block;
    width: 350px;
    height: 244px;
}

* html div.product-view a.preview-link {
    margin-right: 18px;
}

div.product-view a.preview-link img {
    border: none;
}

div.hmc {
    width: 641px;
    margin: 10px 0 0 0;
    padding: 7px 0px 0px 0px;
}

div.hmc h3 {
    text-indent: -9999px !important;
    display: none;
}

div.hmc .content {
    width: 421px;
    padding: 6px 20px 6px 200px;
    letter-spacing: -0.05em;
}

div.hmc div.footer {
    height: 12px;
}

div.hmc .content p {
    color: #fff;
    line-height: 1.15em !important;
}

div.hmc-classic {
    background: transparent url('/images/hmc-classic-header.gif') left top no-repeat;
}

div.hmc-core {
    background: transparent url('/images/hmc-core-header.gif') left top no-repeat;
}

div.hmc-super {
    background: transparent url('/images/hmc-super-header.gif') left top no-repeat;
}

div.hmc li {
    color: #fff !important;
    float: none !important;
}

* html div.hmc-classic {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hmc-classic-header.png', sizingMethod='crop');
}

* html div.hmc-core {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hmc-core-header.png', sizingMethod='crop');
}

* html div.hmc-super {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hmc-super-header.png', sizingMethod='crop');
}

html > body div.hmc-classic {
    background: transparent url('/images/hmc-classic-header.png') left top no-repeat;
}

html > body div.hmc-core {
    background: transparent url('/images/hmc-core-header.png') left top no-repeat;
}

html > body div.hmc-super {
    background: transparent url('/images/hmc-super-header.png') left top no-repeat;
}

* html div.hmc-classic div.content {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hmc-classic-middle.png', sizingMethod='crop');
}

* html div.hmc-core div.content {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hmc-core-middle.png', sizingMethod='crop');
}

* html div.hmc-super div.content {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hmc-super-middle.png', sizingMethod='crop');
}

html > body div.hmc-classic .content {
    background: transparent url('/images/hmc-classic-middle.png') left top no-repeat;
}

html > body div.hmc-core .content {
    background: transparent url('/images/hmc-core-middle.png') left top no-repeat;
}

html > body div.hmc-super .content {
    background: transparent url('/images/hmc-super-middle.png') left top no-repeat;
}

* html div.hmc-classic .footer {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hmc-classic-footer.png', sizingMethod='crop');
}

* html div.hmc-core .footer {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hmc-core-footer.png', sizingMethod='crop');
}

* html div.hmc-super .footer {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hmc-super-footer.png', sizingMethod='crop');
}

html > body div.hmc-classic .footer {
    background: transparent url('/images/hmc-classic-footer.png') left top no-repeat;
}

html > body div.hmc-core .footer {
    background: transparent url('/images/hmc-core-footer.png') left top no-repeat;
}

html > body div.hmc-super .footer {
    background: transparent url('/images/hmc-super-footer.png') left top no-repeat;
}

div.video-lecture-wrapper {
    width: 741px;
    height: 459px;
    padding: 10px;
    background: transparent url('/images/video-lecture.jpg') left top no-repeat;
}

html > body div.video-lecture-wrapper {
    background: transparent url('/images/video-lecture.png') left top no-repeat;
}

/** DIALOG BOX **/

.sevenlight-dialog {
    z-index: 300 !important;
    top: 20%;
    left: 0;
    width: 100%;
    position: fixed;
    text-align: center;
}

.photo-preview-dialog {
    top: 50px;
}

.photo-preview-dialog .sevenlight-dialog-wrapper {
    width: 700px;
}

* html .sevenlight-dialog {
    position: absolute !important;
    height: 1% !important; /*Holly Hack bug fix*/
}

* html .sevenlight-dialog .sevenlight-dialog-content {
    height: 1% !important; /*Holly Hack bug fix*/
}

.sevenlight-dialog-wrapper {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    background: transparent url("/images/dialog-titlebar-tl.gif") left top no-repeat;
    text-align: left;
}

#sevenlight-dialog-response-payment-processing .sevenlight-dialog-wrapper, #sevenlight-dialog-response-address-verification .sevenlight-dialog-wrapper {
    width: 300px;
}

div.shopping-shipping-calculator .sevenlight-dialog-wrapper {
    width: 400px;
}

div.product-preview .sevenlight-dialog-wrapper {
    width: 600px;
}

div.product-preview .sevenlight-dialog-content {
    padding: 30px 0 0 0 !important;
}

.sevenlight-dialog-titlebar {
    height: 31px;
    margin: 0 0 0 5px !important;
    padding: 5px 10px 0 0px !important;
    background: transparent url("/images/dialog-titlebar-bg.gif") right top no-repeat;
}

.sevenlight-dialog-titlebar h4 {
    font: 14px/24px "Lucida Grande", Helvetica, Arial, sans-serif;
    font-weight: bold;
    letter-spacing: -0.05em;
    margin: 1px 0 0 10px !important;
    color: #fff;
}

.sevenlight-dialog-titlebar a.close {
    float: right;
    font-size: 10px;
    padding: 6px 20px 10px 10px !important;
    background: transparent url("/images/dialog-close.gif") right 5px no-repeat;
    text-decoration: none;
    color: #fff;
}

.sevenlight-dialog-content {
    background: #fffefe url("/images/banner.gif") left top repeat-x;
    border-left: solid 1px #bd8b52;
    border-right: solid 1px #bd8b52;
    margin: 0 !important;
    padding: 30px 25px 35px 25px !important;
}

.sevenlight-dialog-content-loading {
    background: transparent url("/images/loading.gif") center center no-repeat;
    height: 50px;
}

#sevenlight-dialog-blocker {
    visibility: hidden;
    z-index: 299 !important;
    position: fixed;
    top: 0;
    left: 0;
    background: #000 !important;
    width: 100%;
    height: 100%;
}

.sevenlight-dialog-footer-wrapper {
    background: transparent url('/images/dialog-bottom-bl.gif') left bottom no-repeat;
    height: 7px;
    font-size: 1pt;
    padding: 0px 0px 0px 6px !important;
}

.sevenlight-dialog-footer {
    background: transparent url('/images/dialog-bottom-br.gif') right top no-repeat;
    height: 7px;
    font-size: 1pt;
    padding: 0 !important;
}

* html #sevenlight-dialog-blocker {
    position: absolute !important;
    top: 0px !important;
    height: expression(document.all.wrap.offsetHeight);
}

div.shopping-shipping-calculator-results-placeholder ul {
    margin: 0 -25px 0 -25px;
    width: 398px;
    list-style: none;
    clear: both;
}

div.shopping-shipping-calculator-results-placeholder ul li {
    color: #fff;
    background: #647b28;
    padding: 5px 25px 5px 25px !important;
    margin: 5px 0 0 0 !important;
}

div.shopping-shipping-calculator-results-placeholder ul li.style1 {
    background: #bd8b52;
}

div.shopping-shipping-calculator-results-placeholder ul li.style2 {
    background: #5db7b5;
}

/** LISTS **/

#banner ul li {
    list-style: none;
    text-indent: -99999px;
}

div#content ol.alpha li {
    list-style: lower-alpha !important;
}

ul.inline, ol.inline {
    list-style: none;
    margin: 0 !important;
}

ul.inline li, ol.inline li {
    display: inline;
}

ul.pad-list {
    list-style: none;
    margin: 0 !important;
}

ul.pad-list li.classic {
    background: transparent url("/images/pad-classic.gif") top left no-repeat;
    float: left;
    width: 198px;
    height: 368px;
    margin: 15px 23px 0 0;
}

* html ul.pad-list li.classic, * html ul.pad-list li.core, * html ul.pad-list li.booster, * html ul.pad-list li.super {
    width: 216px !important;
}

ul.pad-list li.core {
    background: transparent url("/images/pad-core.gif") top left no-repeat;
    float: left;
    width: 198px;
    height: 368px;
    margin: 15px 23px 0 0;
}

ul.pad-list li.booster {
    background: transparent url("/images/pad-booster.gif") top left no-repeat;
    float: left;
    width: 198px;
    height: 368px;
    margin: 15px 23px 0 0;
}

ul.pad-list li.super {
    background: transparent url("/images/pad-super.gif") top left no-repeat;
    float: left;
    width: 198px;
    height: 368px;
    margin: 15px 0 0 0;
}

* html ul.pad-list li.classic {
    margin: 15px 5px 0 0;
}

* html ul.pad-list li.core {
    margin: 15px 5px 0 0;
}

* html ul.pad-list li.booster {
    margin: 15px 5px 0 0;
}

* html ul.pad-list li.super {
    margin: 15px 0 0 0;
}

ul.pad-list li h3 {
    text-indent: -9999px;
    height: 130px;
    width: 198px;
}

ul.pad-list li h4 {
    display: none;
}

ul.pad-list li p {
    margin: 12px 25px 4px 25px !important;
    color: #fff;
    font-size: 10px !important;
    line-height: 13px !important;
}

* html ul.pad-list li p {
    width: 148px;
}

ul.pad-list li ul {
    list-style: none;
    height: auto;
    width: auto;
    margin: 0 0 0 1px !important;
}

ul.pad-list li ul li {
    width: 124px;
    color: #fff;
    padding: 1px 30px 1px 36px;
    font: 12px "Lucida Grande", Helvetica, Arial, sans-serif;
    font-weight: bold;
    letter-spacing: -0.05em;
    cursor: pointer !important;
}

ul.pad-list li.classic ul li:hover, ul.pad-list li.classic ul li.over {
    background-color: #98e1db;
}

ul.pad-list li.core ul li:hover, ul.pad-list li.booster ul li:hover, ul.pad-list li.core ul li.over, ul.pad-list li.booster ul li.over {
    background-color: #c3d488;
}

ul.pad-list li.super ul li:hover, ul.pad-list li.super ul li.over {
    background-color: #e6c39b;
}

ul.pad-list a {
    color: #fff !important;
}

ul.pad-list li.classic ul li {
    background: transparent url("/images/arrow-classic.gif") 21px 2px no-repeat;
}

ul.pad-list li.core ul li {
    background: transparent url("/images/arrow-core.gif") 21px 2px no-repeat;
}

ul.pad-list li.booster ul li {
    background: transparent url("/images/arrow-booster.gif") 21px 2px no-repeat;
}

ul.pad-list li.super ul li {
    background: transparent url("/images/arrow-super.gif") 21px 2px no-repeat;
}

ul.arrow {
    margin: 0 0 5px 0;
}

.sevenlight-dialog ul.button {
    margin: 0 0 5px 0;
    float: right;
}

ul.arrow li, .sevenlight-dialog ul.button li {
    background: transparent url("/images/arrow.gif") 0 0px no-repeat !important;
    margin: 2px 0 3px 10px;
    list-style: none;
    float: none;
    padding: 0 0 0 18px;
    width: auto;
}

ul.flush li, ol.flush li {
    margin-left: 0px !important;
}

.sevenlight-dialog ul.button li:hover {
    background: transparent url("/images/arrow-hover.gif") left top no-repeat !important;
}

.sevenlight-dialog ul.button li:hover a, .sevenlight-dialog ul.button li:hover button, .sevenlight-dialog ul.button li:hover span {
    color: #bd8b52 !important;
    background: transparent !important;
    background-image: none !important;
}

.sevenlight-dialog ul.button li button {
    height: 20px !important;
}

.sevenlight-dialog ul.button li a, .sevenlight-dialog ul.button li button {
    color: #7d9933 !important;
    background: transparent !important;
    background-image: none !important;
    width: auto;
    text-decoration: none;
    padding: 0 0 0 12px !important;
    margin: 0 !important;
}

.sevenlight-dialog ul.button li span {
    color: #7d9933 !important;
    background: transparent !important;
    background-image: none !important;
    width: auto;
    padding: 0 !important;
    margin: 0 !important;
}

* html ul.arrow li.tall, *:first-child+html li.tall {
    background: transparent url("/images/arrow.gif") 0 7px no-repeat !important;
}

ul.inline li {
    display: inline;
}

table.block div.content ul.arrow li {
    margin: 3px 0 3px 13px;
}

ul.arrow li.link:hover {
    background: transparent url("/images/arrow-hover.gif") 0 0px no-repeat !important;
}

ul.arrow li.link:hover a {
    color: #bd8b52 !important;
}

table.items tr ul.arrow li {
    padding: 2px 0 3px 13px !important;
}

table.items tr.odd ul.arrow li {
    background: transparent url("/images/arrow-odd.gif") 0 0px no-repeat !important;
}

table.items tr.even ul.arrow li {
    background: transparent url("/images/arrow-even.gif") 0 0px no-repeat !important;
}

table.items ul.arrow li a {
    color: #fff !important;
    font-weight: normal !important;
}

table.items ul.arrow {
    margin: -4px 0 0 0 !important;
    height: 16px;
}

blockquote .content ul.arrow {
    padding: 5px 0 0 0 !important;
}

ul.news {
    margin: 1em 0 0 0;
}

ul.news li {
    list-style: none;
    padding: 0.5em 1em 0.5em 3.4em;
    margin: 2px 0 0 0;
}

ul.news li, ul.news li a {
    color: #fff !important;
}

li.odd {
    background: #799338 url("/images/arrow-even.gif") 2em 0.5em no-repeat;
}

li.even {
    background: #919487 url("/images/arrow-odd.gif") 2em 0.5em no-repeat;
}

ul.news li:hover, ul.news li.over {
    background-color: #bd8b52;
    cursor: pointer !important;
}

ul.news li th {
    width: 200px;
}

a.view-cart {
    background: transparent url("/images/cart-icon.gif") right top no-repeat;
    padding: 7px 30px 0 0 !important;
    margin: 0 !important;
    color: #647b28;
    text-decoration: none;
}

ol.steps {
    border-top: solid 1px #7d9933;
    border-bottom: solid 1px #7d9933;
    margin: 0 !important;
    height: 3em;
    background: #f4f7e8;
}

ol.steps li {
    float: left;
    margin: 0.75em 0 0.75em 40px;
    padding: 0 50px 0 0;
    color: #bd8b52;
    font-weight: bold;
    letter-spacing: -0.05em;
    background: transparent url('/images/arrow-step.gif') right 1px no-repeat;
}

ol.steps li.disabled {
    color: #aaa;
}

ol.steps li.first {
    float: left;
    margin: 0.75em 0 0.75em 36px;
}

ol.steps li.last {
    background: transparent !important;
    padding: 0 !important;
}

ul.photo-list {
    width: 548px;
    margin: 0;
}

ul.photo-list li {
    list-style: none;
    width: 137px;
    height: 137px;
    float: left;
}

ul.photo-list li a {
    background: transparent url('/images/photo-list-bg.gif') 3px 3px no-repeat;
    padding: 14px 12px 14px 12px !important;
    width: 137px !important;
    height: 137px !important;
    display: block;
}

ul.photo-list li a:hover {
    background: transparent url('/images/photo-list-bg-hover.gif') left top no-repeat;
}

ul.photo-list li a img {
    border: none;
}

ul.no-margin, ul.no-margin li {
    margin: 0 0 0 -8px !important;
}

ul.locations li {
    width: 38px !important;
    height: 19px !important;
    display: block;
    float: left;
    cursor: pointer;
    padding: 3px 4px 3px 2px;
}

ul.locations img {
    border: none;
}

ul.locations li.selected {
    border: solid 1px #7d9933;
    padding: 2px 3px 2px 1px;
}

ul.locations li:hover {
    border: solid 1px #bd8b52;
    padding: 2px 3px 2px 1px;
}

/** IMAGES **/

img.thumb {
    border: solid 1px #7d9933;
    padding: 3px;
    margin-top: 4px !important;
}

img.right {
    float: right;
    margin: 0 0 10px 20px;
}

img.left {
    float: left;
    margin: 0 20px 10px 0;
}

/** LINKS **/

a {
    outline: none;
}

#content a, #content-index a {
    color: #647b28;
    text-decoration: none;
    padding: 0 1px 0 1px;
}

#content a:hover, #content-index a:hover {
    color: #bd8b52;
    text-decoration: none !important;
}

#footer a {
    color: #fff;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}

table.block td.m div.content ul.button {
    margin-right: 0px;
}

table.block td.m ul.button {
    margin-right: 20px;
}

table.block h2.right {
    margin-right: 20px;
}

* html table.block h2.right {
    margin-right: 10px;
}

ul.button li {
    background: transparent url("/images/bg-btn.gif") left top no-repeat;
    height: 26px !important;
    float: left !important;
    padding: 0 0 0 5px !important;
    margin: 8px 0 0 8px !important;
    border: none !important;
    list-style: none !important;
}

* html ul.button li {
    background: transparent url("/images/bg-btn-ie.gif") left top no-repeat !important;
}

ul.button li a, ul.button li button {
    font-weight: bold;
    border: none !important;
    font-size: 11px;
    background: transparent url("/images/bg-btn.gif") right top no-repeat !important;
    padding: 0 !important;
    margin: 0 -5px 0 0 !important;
    display: block !important;
    height: 26px !important;
}

* html ul.button li a span {
    padding-top: 6px !important;
}

* html ul.button li button {
    padding-top: 3px !important;
    margin: 0 !important;
}

ul.button li a span, ul.button li button span {
    background: transparent url("/images/arrow-btn.gif") 19px 5px no-repeat;
    padding: 6px 30px 0 35px !important;
    margin: 0 !important;
    height: 20px !important;
    display: block;
    font-weight: normal !important;
    color: #fff !important;
    border: none !important;
    cursor: pointer;
}

ul.button li button span {
    background-position: 19px 3px !important;
    line-height: 1em !important;
}

* html ul.button li.bare span {
    margin: 0 !important;
    padding: 0 0 7px 0 !important;
    display: inline !important;
    height: 100% !important;
}

* html ul.button li a {
    margin: 0 !important;
    padding: 0 !important;
    display: inline !important;
    height: 100% !important;
}

* html ul.button li.bare span {
    font: 11px "Lucida Grande", Helvetica, Arial, sans-serif !important;
    padding: 5px 0 0 9px !important;
}

html > body ul.button li.submit-link {
    display: none;
}

* html ul.button li.ie-hide {
    display: none !important;
}

* html ul.button li {
    display: inline !important;
}

* html ul.button li a {
    display: block !important;
    float: left;
    height: 26px !important;
}

* html ul.button li a span {
    display: block !important;
    float: left;
    height: 20px !important;
}

ul.button li:hover {
    background: transparent url("/images/bg-btn.gif") left -26px no-repeat;
}

ul.button li:hover a {
    background: transparent url("/images/bg-btn.gif") right -26px no-repeat;
}

ul.button li.bare span button {
    color: #647b28;
    font: 11px "Lucida Grande", Helvetica, Arial, sans-serif;
}

ul.button li:hover a, ul.button li:hover button {
    background: transparent url("/images/bg-btn.gif") right -26px no-repeat !important;
    color: #bd8b52 !important;
}

/** TEXT **/

#header span {
    display: none;
}

#content p, #content-index p, #content address, .sevenlight-dialog p {
    font: 13px/16px "Lucida Grande", Helvetica, Arial, sans-serif;
    margin: 8px 0 12px 0;
    display: block;
}

#content ul, #content ol {
    margin-bottom: 12px;
}

table.block address {
    color: #647b28;
}

sup {
    font-size: 8px;
}

blockquote p, table.block td {
    color: #647b28 !important;
}

.news-date {
    font: 9px/12px "Lucida Grande", Helvetica, Arial, sans-serif;
    color: #999966;
    font-weight: bold;
}

#footer p {
    margin: 8px 0 0 0;
}

.right {
    float: right !important;
}

* html table.items ul.right {
    margin: 0px 0px 4px 0px !important;
}

* html ul.right li {
    display: inline;
}

.red {
    color: red;
}

.green {
    color: green;
}

p.testimonial span {
    margin-left: 30px;
}

/** FORMS **/

input.submit,
dl.form a.submit-button-link {
    text-decoration: none;
}

* html input.submit {
    display: inline;
}

* html .ie-hide {
    display: none !important;
}

*:first-child+html dt.buttons {
    float: left !important;
    padding: 25px 0 0 0;
}

*:first-child+html dt.buttons img {
    float: none !important;
}

* html dt.buttons {
    float: left !important;
    padding: 25px 0 0 0;
}

* html dt.buttons img {
    float: none !important;
}

a.submit-button-link {
    display: none;
}

a.submit-button-link,
a.submit {
    clear: both !important;
    padding: 3px 6px 3px 6px !important;
    margin: 5px 0 0 0 !important;
    color: #fff;
    background: #bd8b52;
}

a.submit-button-link span {
    color: #fff;
}

input, select, textarea {
    font: 10px/12px "Lucida Grande", Helvetica, Arial, sans-serif;
    color: #333;
    background: #fff;
    border: solid 1px #999;
    padding: 3px 3px 3px 3px;
}

input:focus, select:focus, textarea:focus {
    background: #fff;
}

dl.form {
    margin: 10px 0 10px 0;
    font-size: 11px;
}

dl.form dt {
    clear: both;
}

dl.form dt span {
    text-transform: none;
    color: #bd8b52;
    font-weight: bold;
    letter-spacing: normal;
    margin-left: 15px;
}

dl.form dd {
    margin: 0 0 3px 0;
    vertical-align: baseline;
}

dl.form dd p {
    margin: 3px 0 3px 0 !important;
}

dl.form dt table.inline-table {
    margin: 0 0 3px 0;
}

dl.form dt table.inline-table td {
    padding-right: 15px !important;
}

dl.form table.form-list-table div.form-container {
    display: inline;
}

dl.form dl dt {
    font-weight: normal;
    text-transform: none;
    color: #666;
    letter-spacing: normal;
}

dl.form .buttons {
    clear: both !important;
    float: right;
    border: none !important;
    padding: 5px 0 0 0;
}

dl.form dt label {
    font: 10px/14px "Lucida Grande", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    color: #647b28;
    letter-spacing: -0.05em;
    vertical-align: baseline;
}

.error {
    font: 9px/12px "Lucida Grande", Helvetica, Arial, sans-serif;
    letter-spacing: -0.05em;
    color: #c00 !important;
}

.inline {
    display: inline;
}

.clear {
    clear: both;
}

br.clear {
    height: 0px !important;
    margin: 0px !important;
    line-height: 4px !important;
}

a#form-member-login-error-link {
    cursor: hand;
}

div#form-update-payment-billing-information-PAYMENT_FIRSTNAME-label-heading-wrapper {
    float: left;
    width: 325px;
}

div#form-update-payment-billing-information-PAYMENT_SHIPSAME-label-heading-wrapper {
    float: right;
    width: 325px;
}

div.billing, div.shipping, div.payment {
    float: left;
    width: 29%;
    margin: 0 23px 15px 0;
    font-size: 11px;
    line-height: 16px;
}

div.receipt-billing, div.receipt-order-info {
    float: left;
    width: 200px;
    margin: 0 23px 15px 30px;
    font-size: 11px;
    line-height: 16px;
}

table.block address {
    font-style: normal;
    color: #000;
    font-size: 13px;
}

div.billing p, div.shipping p, div.payment p {
    color: #000;
    font-size: 13px;
}

div.billing a, div.shipping a, div.payment a {
    background: transparent url('/images/arrow.gif') left center no-repeat;
    padding: 4px 2px 2px 15px !important;
    font-size: 12px;
    font-weight: bold !important;
    display: block;
}

div.form-error-container {
    float: left !important;
}

select#form-update-payment-billing-information-COUNTRY_ID-select {
    width: 40%;
}

/** TABLES **/

table.block td {
    padding: 0 !important;
}

table.block td img {
    margin: 0 !important;
}

table.block td.tl {
    width: 15px !important;
    height: 14px;
    background: transparent url("/images/bqbox/topleft.gif") left top no-repeat;
}

table.block td.t {
    height: 14px;
    background: transparent url("/images/bqbox/top.gif") left top repeat-x;
}

table.block td.tr {
    width: 12px !important;
    height: 14px;
    background: transparent url("/images/bqbox/topright.gif") left top no-repeat;
}

table.block > tbody > tr > td.tr {
    background: transparent url("/images/bqbox/topright.png") left top no-repeat;
}

* html table.block tr td.tr {
    background: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/bqbox/topright.png", sizingMethod="crop");
}

table.block td.lf {
    background: #fefefe url("/images/bqbox/content.gif") left bottom repeat-x;
}

table.block td.m {
    border-left: solid 1px #7d9933;
    width: 100% !important;
    background: #fffefe url("/images/bqbox/content.gif") left bottom repeat-x;
    padding-bottom: 7px !important;
}

* html table.block td.m {
    height: 105px;
}

table.block td.m div.content {
    padding: 0px 17px 5px 17px !important;
}

table.block td.rf {
    width: 7px !important;
    background: transparent url("/images/bqbox/rightshadow-fill.gif") right top repeat-y;
}

table.block > tbody > tr > td.rf {
    background: transparent url("/images/bqbox/rightshadow-fill.png") right top repeat-y;
}

* html table.block tr td.rf {
    background: transparent !important;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/bqbox/rightshadow-ie.png", sizingMethod="crop");
}

table.block td.lg {
    width: 14px;
    height: 104px;
    border-left: solid 1px #7d9933;
    background: #fffefe url("/images/bqbox/content.gif") left bottom repeat-x;
}

table.block tr.f td.fl {
    border-left: solid 1px #7d9933;
    background: #fffefe;
}

table.block tr.f td.fm {
    background: #fffefe;
}

table.block tr.f td.fr {
    width: 7px !important;
    background: #fffefe url("/images/bqbox/rightshadow-fill.gif") left top repeat-y;
}

table.block > tbody > tr.f > td.fr {
    background: transparent url("/images/bqbox/rightshadow-fill.png") right top repeat-y;
}

* html table.block tr.f td.fr {
    background: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/bqbox/rightshadow-ie.png", sizingMethod="crop");
}

table.block td.bl {
    height: 15px;
    background: transparent url("/images/bqbox/bottomleft.gif") left bottom repeat-x;
}

table.block > tbody > tr > td.bl {
    background: transparent url("/images/bqbox/bottomleft.png") left bottom repeat-x;
}

* html table.block tr td.bl {
    background: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/bqbox/bottomleft.png", sizingMethod="scale");
}

table.block td.b {
    height: 15px;
    background: transparent url("/images/bqbox/bottom.png") left bottom repeat-x;
}

table.block > tbody > tr > td.b {
    height: 15px;
    background: transparent url("/images/bqbox/bottom.png") left bottom repeat-x;
}

* html table.block tr td.b {
    background: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/bqbox/bottom.png", sizingMethod="crop");
}

table.block td.br {
    width: 12px !important;
    height: 15px !important;
    background: transparent url("/images/bqbox/bottomright.gif") left top no-repeat;
}

table.block > tbody > tr > td.br {
    background: transparent url("/images/bqbox/bottomright.png") left top no-repeat;
}

* html table.block tr td.br {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/bqbox/bottomright.png");
}

div.product-view table {
    color: #fff;
    border-top: solid 1px #c5e9e6;
}

div.product-view table th, div.product-view table td {
    padding: 3px 4px 2px 3px;
    letter-spacing: -0.05em;
    border-bottom: solid 1px #c5e9e6;
}

div.product-view table th {
    text-align: right;
    padding-left: 20px !important;
}

div.product-view table td {
    padding-right: 20px !important;
}

div.CSP-product-view table tr.odd {
    background-color: #376260;
}

div.CSP-product-view table tr.even {
    background-color: #1d3231;
}

div.CP-product-view table tr.odd {
    background-color: #586138;
}

div.CP-product-view table tr.even {
    background-color: #2b301b;
}

div.BP-product-view table tr.odd {
    background-color: #475424;
}

div.BP-product-view table tr.even {
    background-color: #252b14;
}

div.SSS-product-view table tr.odd {
    background-color: #654d33;
}

div.SSS-product-view table tr.even {
    background-color: #34281b;
}

table.items tr {
    border-top: solid 1px #f4f8e8;
}

table.items tr.odd {
    background-color: #807f7f;
}

table.items tr.even {
    background-color: #6f908f;
}

table.items a {
    color: #fff !important;
}

table.block table.items {
    clear: both;
    font-size: 10px;
    margin: 15px 0 15px 0 !important;
    vertical-align: baseline;
    border-top: #000 solid 1px;
    border-bottom: #000 solid 1px;
    width: 100%;
}

table.items th {
    text-align: left;
    color: #000;
    padding: 9px 10px 8px 10px !important;
    font-size: 11px;
    line-height: 12px;
    background: #fff url("/images/table-items-th-bg.gif") left bottom repeat-x;
    vertical-align: bottom;
    height: 29px;
}

* html table.items th {
    height: 12px;
}

table.items th.disabled {
    color: #bbb;
}

table.items tr.buy th {
    text-align: left;
    color: #023C59;
    border-bottom: #426D83 solid 1px;
    padding: 6px 6px 6px 0;
    font-size: 12px;
    background: #fff url("/images/bg_table-items-th.gif") bottom repeat-x;
}

table.items tr.submit td {
    border-top: #C0CED5 solid 1px;
    padding: 10px 6px 10px 6px;
}

table.items tr {
    height: 29px;
}

* html table.items tr {
    height: 12px;
}

table.items td {
    vertical-align: top;
    color: #fff !important;
    padding: 12px 10px 12px 10px !important;
    font-weight: bold;
    font-size: 11px;
    line-height: 12px;
    border-top: solid 1px #f4f8e9;
}

table.items td.input-cell {
    padding: 9px 10px 8px 10px !important;
}

table.items .first {
    padding-left: 17px !important;
}

table.items .last {
    padding-right: 17px !important;
}

table.items tr.odd td {
    background: #807f7f;
}

table.items tr.even td {
    background: #6f908f;
}

table.benefits {
    margin: 0 0 5px 0;
    color: #fff;
    border-top: solid 1px #c5e9e6;
}

table.benefits th, table.benefits td {
    padding: 4px 5px 3px 4px;
    letter-spacing: -0.05em;
    border-bottom: solid 1px #c5e9e6;
}

table.benefits th {
    vertical-align: top;
    text-align: right;
    padding-left: 20px !important;
    background-color: #376260;
    border-left: solid 1px #c5e9e6;
    border-right: solid 1px #c5e9e6;
}

table.benefits td {
    padding-right: 20px !important;
    background-color: #1d3231;
}

table.black p, table.black li {
    color: #000;
}
