/* ---------------------
  Title: Fujifilm TapePower Center - main screen stylesheet
  Filename: screen.css
  Author: One Pica Inc, Boston MA
  
  Table of Contents:
    Searchstring (Section Name)       Description
    
    =General (General Styles):        Set font sizes, Page backgrounds, link behaviors, etc
    =Master (Master #container Styles):   Placing, sizing, styling the main container
    =Branding (Branding Styles):      Logos, taglines, branding info
    =Nav (Navigation Styles):       The navigation bar; internal and external
    =Forms (Form Styles)          Set appearance of forms, inputs, buttons, etc
    =Multicol (Multi-Column Styles):    The cases where the content needs to be in multiple columns
    =Headings (Heading Styles):       <h1> through <h6>
    =Content (Content Styles):        The main content of the page
    =Admin (Admin Styles):          Styles for the Admin module
    =Footer (Credit/Footer Styles):     The footer
    =Uni (Universal Styles):        Classes and elements that apply throughout ('clear', 'blue', etc)
  
  Common Color Table:
    White:                  #FFFFFF;
    
    
  Thanks To:
    CSS structure/commenting: http://www.huddletogether.com/2006/02/16/practical-web-development-tips/
    Markup structure: http://www.stuffandnonsense.co.uk/archives/whats_in_a_name_pt2.html
    Stylesheet searchstring flags: http://www.stopdesign.com/log/2005/05/03/css-tip-flags.html
---------------------- */

/* =General
---------------------- 
  General Styles applied to 'normalize' things
  Notes:
    'Em' styling generally following (http://www.clagnut.com/blog/348/) from this point 10px=1em, 11px=1.1em, etc
    100.01% font size from (http://www.communitymx.com/content/article.cfm?page=5&cid=FAF76)
    Beginning "global reset" styles, to clear troublesome browser defaults, 
    are based on (http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/) 
    Note that most form elements are omitted; style those separately, further down.
---------------------- */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Source+Sans+Pro:wght@400;700&display=swap');

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    line-height: 1;
    font-family: inherit;
    text-align: left;
    vertical-align: baseline;
}
a img, :link img, :visited img {
    border: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
ol, ul {
    list-style: none;
}
ol {
    margin-left: 20px;
    list-style: decimal;
    list-style-position: outside;
}
ol li, ul li {
    margin: 0 0 0.7em 0;
    line-height: 1.5em;
}
ol ol {
    list-style: lower-alpha;
}

/* Begin Actual Site Styles */
html {
    font-size: 100.01%; /* Ensures font consistency across browsers */
    height: 100%;
}
body {
    font-size: 10px; /* Sets base font-size for browsers that resize text correctly */
    line-height: 1.5; /* Sets base leading for lines of text */
    background: #fff url(../images/bg/body_bg_top.gif) 50% 0 repeat-x;
    font-family: Arial, sans-serif;
    height: 100%;
    color: #000;
}
body.default-index-index {  /* Home */
    background: #fff url(../images/bg/body_bg_home.jpg) center 0 no-repeat;
}
body.reseller-index-index {  /* Reseller Home */
    background: #fff url(../images/bg/body_bg_resellers_home.jpg) center 0 no-repeat;
}
body#admin {
    background: #444444 url(../images/bg/body_bg_admin.jpg) 0 0 repeat-x;
}
body#admin.tabs {
    background: #e5e5e5 url(../images/bg/body_bg_admin_tabs.jpg) 0 0 repeat-x;
}

p {margin-bottom: 1em; line-height: 1.5}
div, span, a {line-height: 1.5}

input, select, th, td {font-size: 1em}

h1 {font-size: 2em} /* 24px */
h2 {font-size: 1.5em} /* 18px */
h3 {font-size: 1.25em} /* 15px */
h4 {font-size: 1em} /* 12px */
h5 {font-size: 1em} /* 12px */
h6 {font-size: 1em} /* 12px */

strong {font-weight: bold}
em {font-style: italic}
sup {font-size: 50%; vertical-align: super;}

/* Basic link styles */
a, a:link {
    color: #01916d;
    text-decoration: underline;
}
a:visited {
    color: #01916d;
}
a:hover, a:active {
    color: #01916d;
    text-decoration: underline;
}
a:focus {
    outline: none; /* Removes dotted outline in Firefox */
}

/* =Master
---------------------- 
  Master Container
  Notes:
    margin: 0px auto; centers the container horizontally except in IE5, which is fixed in the body tag
---------------------- */
/* YAHOO Overrides */
#doc4 {  /* Frontend outer container */
    min-width: 975px;
}
#doc3 {  /* Admin outer container */
    margin: auto 0;
}

.yui-t5 #yui-main .yui-b {  /* Slight overwrite of default YUI width, left col */
    margin-right: 222px;
}
.yui-t5 .yui-b {
    width: 211px; /* Slight overwrite of default YUI width, right col */
}
.yui-t5 #yui-main .single-column.yui-b {
    margin-right: 0;
}

.yui-gf div.first {
    width: 22%;
}
#home #yui-main .yui-b, .reseller-index-index #yui-main .yui-b {
    margin-right: 0;
}
#home .yui-gf {
    /*width: 962px;*/
}

#container {
    margin: 0;
    padding: 0;
    position: relative;
    min-width: 880px;
    font-size: 1.2em; /* 12px (based on value from body) */
    text-align: left; /* Normalize alignment; unfix all browsers from fix in IE stylesheet */
    background: transparent url(../images/bg/container_bg.gif) 0 0 no-repeat;
}
#home #container, .reseller-index-index #container {
    background: transparent;
}
#admin #container {
    background-image: url(../images/bg/container_bg_admin.gif);
    background-position: 25px 0;
}

/* Skip link: This is the very first link anywhere on the page; by tabbing to it or hitting accesskey 2, a user can skip the header/navigation of a page and go directly to the page content. It is normally 'hidden' by being positioned far, far off the page; bringing it into focus with Tab makes it visible. */
#skiplink a {
    position: absolute;
    top: -1000px;
    left: -2000px;
}
#skiplink a:focus, #skiplink a:active {
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    display: block;
    padding: 0;
    background: #000;
    color: #fff;
    font-weight: bold;
}
#skiplink a:hover {
}

/* =Branding
----------------------
  Branding styles: Usually the logo and tagline
  Notes:
    Image replacement: Usually Phark Method (http://www.mezzoblue.com/tests/revised-image-replacement/)
---------------------- */
#branding {
    position: absolute;
    top: 0;
    left: 0;
    height: 91px;
}
#admin #branding {
    left: 25px;
    width: 450px;
}
#branding-logo {
    cursor: pointer;
    width: 368px;
    height: 50px; /* Set dimensions once here, and use 100% for all dimensions in both rules below */
}
.reseller-header #branding-logo {
    width: 388px;
    height: 56px;
}
#branding-logo h1 {
    text-indent: -5000px;
    overflow: hidden;
    background: transparent url(../images/branding/fujitape_logo_main.gif) 0 0 no-repeat;
    width: 100%;
    height: 100%;
    line-height: 1;
    padding: 0;
    margin: 0;
}
#branding-logo h1 a {
    display: block;
    width: 100%;
    height: 100%;
}

#home #branding-logo h1 { background-image: none; }
#admin #branding-logo h1 { background-image: url(../images/branding/fujitape_logo_admin.gif); }
.reseller-header #branding-logo h1 { background-image: url(../images/branding/fujitape_logo_resellers_main.gif); }
.reseller-index-index #branding-logo h1 { background-image: none; }

#branding-tagline { display: none; }

/* =Nav
----------------------
  Navigation styles
  Notes:
    Navigation belongs in an UL tag with <ul><li><a></a></li></ul> as the markup scheme.
    Keep each of the below #elements as divs, and put the UL inside them
    If there's a Left-Hand navigation, use #nav-section, give it a width & float it left
---------------------- */
#nav {
    position: relative;
    width: 49em;
    float: right;
    display: inline;
    min-height: 91px;
}
#admin #nav {
    width: 57em;
    margin-right: 25px;
}
#reseller #nav { height: auto; }
#nav-main {
    position: absolute;
    top: 0;
    right: 9px;
}
#nav-main ul {
    list-style: none outside;
    margin: 0;
    padding: 0;
    border-left: solid 1px #4f4f4f;
}
#nav-main li {
    float: left;
    display: inline;
    width: auto;
    border-left: solid 1px #999;
    border-right: solid 1px #4f4f4f;
    height: 36px;
}
#nav-main li.first {
}
#nav-main li.last {
}
#nav-main li.login-btn {
    border-right: none;
}
#nav-main a, #nav-main a:link, #nav-main a:visited {
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 1.2em;
    padding: 13px 8px 1px;
}
#nav-main a:hover, #nav-main a:active {
    color: #fff;
    background: transparent url(../images/nav/navmain_curr_bg.png) left top repeat-x;
}
#admin #nav-main a:hover, #admin #nav-main a:active {
    background-image: url(../images/nav/navmain_curr_bg_admin.gif);
}
#nav-main a.current, #nav-main a.current:link, #nav-main a.current:visited, #nav-main a.current:hover, #nav-main a.current:active {
    color: #fff;
    background: transparent url(../images/nav/navmain_curr_bg.png) left top repeat-x;
}
#admin #nav-main a.current, #admin #nav-main a.current:link, #admin #nav-main a.current:visited, #admin #nav-main a.current:hover, #admin #nav-main a.current:active {
    background-image: url(../images/nav/navmain_curr_bg_admin.gif);
}
#nav-main li.login-btn a, #nav-main li.login-btn a:link, #nav-main li.login-btn a:visited, #nav-main li.login-btn a:hover, #nav-main li.login-btn a:active {
    padding: 0;
    margin: 11px 0 0 8px;
}
#nav-main li.login-btn a.login-page {
    visibility: hidden; /* Hide on login screen to prevent confusion. */
}
#nav-main li.disabled a, #nav-main li.disabled {
    color: #DFDFDF;
}

#nav-secondary {
    float: right;
    padding: 10px 15px 8px 0;
    font-size: 1.2em;
}
#nav-secondary ul {}
#nav-secondary ul li {
    float: left;
    display: inline;
    width: auto;
    margin: 0;
    border-bottom: 1px solid #999;
}
#nav-secondary ul li a {
    display: block;
    border-bottom: 1px solid #4f4f4f;
    color: #000;
    text-decoration: none;
    padding: 8px 8px 2px;
}
#nav-secondary ul li a:hover { text-decoration: underline; }
.reseller-index-index #nav-secondary ul li a { padding-top: 7px; padding-bottom: 3px; }
#nav-secondary ul li.left-spacer, #nav-secondary ul li.right-spacer {
    text-align: right;
    font-weight: bold;
    border-width: 0px;
    padding: 8px 8px 4px;
}
#nav-secondary ul li.left-spacer {
    width: 210px;
    background: transparent url(../images/nav/navsecondary_border_bottom.png) left bottom no-repeat;
}
#nav-secondary ul li.right-spacer {
    width: 44px;
    height: 22px;
    background: transparent url(../images/nav/navsecondary_border_bottom.png) right bottom no-repeat;
}
#nav-secondary ul li.current {
    border-bottom: none;
    border-top: 1px solid #4f4f4f;
    border-left: 1px solid #4f4f4f;
    border-right: 1px solid #4f4f4f;
    border-bottom: none;
}
#nav-secondary ul li.current a {
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-bottom: none;
    padding: 6px 8px 4px;
}

#nav-supp {
    clear: right;
    padding: 48px 15px 0 0;
    text-align: right;
    color: #fff;
}
#admin #nav-supp {
    color: #ccc;
}
#nav-supp a, #nav-supp a:link, #nav-supp a:visited {
    color: #fff;
}
#admin #nav-supp a, #admin #nav-supp a:link, #admin #nav-supp a:visited {
    color: #ccc;
}
#nav-supp a:hover, #nav-supp a:active {
    color: #000;
}
#admin #nav-supp a:hover, #admin #nav-supp a:active {
    color: #fff;
}

/* =Forms
----------------------
  Form styles
  Notes:
    A <p></p> should always enclose every label-input (or label-select) pair.
    Widths are in % to start, so that they scale, but they are the attributes most likely to change.
    Remember -- the IE stylesheet has different percentage widths to start.
---------------------- */
form {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
}
form fieldset {
    border: 0px solid;
    padding: 0;
    margin: 0 0 0.8em 0;
}
form fieldset legend {
    padding-bottom: 4px;
}
form fieldset input, form fieldset input.radio {
    margin-left: 6px;
}
form p, .form-like p, .auto-complete-container {
    display: block;
    clear: both;
    margin: 0 0 0.4em 0;
    padding: 0;
}
form label, .form-like label, .auto-complete-container label {
    display: inline;
    float: left;
    width: 35%;
    padding: 0 5% 0 0;
    margin: 0;
}
.form-like label {
    font-weight: bold;
    margin-bottom: 10px;
}
form#login-form label {
    width:34%;
}
form label.indent, .form-like label.indent {
    width: 30%;
    padding-left: 5%;
}
form label.radio {
    float: none;
    width: auto;
    padding: 0 4px;
}
form span.next-to-label, .form-like span.next-to-label {
    display: block;
    float: left;
    width: 60%;
}
form span.next-to-label span {
    display: block;
    float: left;
    width: 50%;
}
form input, form select, form textarea {
    margin: 0;
    padding: 0;
    width: 58.8%; /* CLOSE to full width; use pixels for the real thing */
    font-size: 1em;
    border: solid 1px #999;
    border-bottom-color: #ccc;
    background-color: #fff;
    font-family: Arial, sans-serif;
    padding: 2px;
}
form#login-form input {
    width:58.8%;
}
form input {}
form select {width: 59.5%;}  /* Selects are not the same as inputs */
form select.multiselect { height: 65px; }
form textarea {height: 6em}

/* Radio buttons */
form input.radio, form input.radiobtn {
    text-align: left;
    width: 1.3em;
    margin: 0.3em 0.2em 0 0;
    padding: 0;
    border: none;
    background: none;
}
form .radiotext {
    margin: 0 1em 0 0;
}

/* Check boxes */
form input.ckbx, form input.checkbox {
    text-align: left;
    width: 1.2em;
    margin: 0.3em 0.2em 0 0;
    padding: 0;
    border: none;
    background: none;
}
/* input with a calendar link */
form input.date {
    float: left;
    width: 20%;
}
form img.captcha {
    margin-left: 40%;
    width: 200px;
    height: 60px;
}
form p.indent { /* For buttons or text that need to align with inputs/selects */
    margin-left: 40%;
}
form p.xspa { /* "extra space after" */
    margin-bottom: 2.0em;
}
form .req, form .required {
    color: red;
}
form input:focus {
    /* however we want the focused field to look */
}
form input.submit, button { /* There are lots of default values to fix */
    border: 3px double #999;
    border-top-color: #ccc;
    border-left-color: #ccc;
    padding: 1px 2px;
    background: #f6f6f6;
    color: #555;
    font-size: 0.9em;
    font-weight: bold;
    height: auto;
    width: auto;
    cursor: pointer;
    font-family: inherit;
}
form input.submit:hover, button:hover { /* IE6 can't see these, too bad */
    color: #fff;
    background-color: #ff0000;
}
form input.submit:active, button:active { /* Button 'feedback' behavior */
    border: 3px double #ccc;
    border-top-color: #999;
    border-left-color: #999;
}
form button.nostyle {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
    background: transparent !important;
}

/* Buttons */
button.form-button-green, button.form-button-gray {}

button.disabled {
    color: #ccc;
}

/* =Multicol
----------------------
  Multi-Column Content styles
  Notes:
    These columns should be used for text within #content.
    Values are in percentages to start off -- remember that the IE stylesheet has different values.
    If you need "pixel-perfect", you'll have to stop using percentages and use actual pixels
---------------------- */
.twoColumnLayout {
    width: 47%;
    float: left;
    clear: none;
}
.twoColumnLeft {
    margin-right: 5%;
}
.threeColumnLayout {
    width: 30%;
    float: left;
    clear: none;
}
.threeColumnLeft {
    margin-right: 4%;
}
.threeColumnMiddle {
    margin-right: 4%;
}
.threeColumnRight {
    margin-right: 0;
}

.contentColumnLeft {
    float: left;
    width: 48%;
    margin-right: 4%;
    clear: none;
}
.contentColumnRight {
    float: left;
    width: 48%;
    clear: none;
}

/* =Headings
----------------------
  <h1> through <h6> styles
---------------------- */
h1 {}
h2 {
    font-size: 1.83em;
    line-height: 1.2;
    font-weight: normal;
    padding: 0;
}
#error h2 {
    margin-bottom: 10px;
}
h3 {
    font-size: 1.5em;
    color: #c3c3c3;
    font-weight: normal;
    margin: 0 0 0.8em 0;
    padding: 0;
    line-height: 1.2;
}
#admin h3 {
    color: #fff;
}

.yui-gf h3 {
    margin-left: 11px;
    color: #c1d1d9;
}
.yui-gf .yui-u h3 {
    color: #c3c3c3;
}
h3.no-left-margin, #content-main-inner h3 {
    margin-left: 0;
    padding-left: 0;
}
h4 {
    color: #000;
    font-size: 1.5em;
    font-weight: normal;
    margin: 0 0 0.5em 0;
    padding: 0;
    line-height: 1.2em;
}
h5 {
    color: #000;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 0.5em 0;
    line-height: 1.5em;
}
#admin h5 {
    color: #fb0020;
    font-size: 1em;
    margin: 12px 0;
}
h6 {
    font-size: 1em;
    font-weight: normal;
    line-height: 1.5em;
    margin: 0 0 0.5em 11px;
}
#admin h6 {
    color: #6e6e6e;
    font-weight: bold;
    margin: 0;
}

/* =Content
----------------------
  Main Content styles
  Notes:
    
    Font-size is inherited, so some math will be necessary to size child elements up or down correctly
---------------------- */
#content {
    font-size: 1em; /* Inherits 12px from #container */
    position: relative;
    padding: 0 0 2em 0;
    clear: both;
}

/* Buttons and Button-like links */
a.btn-like {
    display: block;
    height: 25px;
    text-indent: -5000px;
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
}
.login {
    background-image: url(../images/buttons/lg_login.png) !important;
    width: 47px;
}
.login:hover {
    background-image: url(../images/buttons/lg_login_roll.png) !important;
}
.logout {
    background-image: url(../images/buttons/lg_logout.png) !important;
    width: 57px;
}
.logout:hover {
    background-image: url(../images/buttons/lg_logout_roll.png) !important;
}
.go-to-membercenter {
    background-image: url(../images/buttons/lg_go-to-membercenter.gif);
    width: 154px;
}
.go-to-resellercenter {
    background-image: url(../images/buttons/lg_go-to-resellercenter.gif);
    width: 130px;
}
.create-new {
    background-image: url(../images/buttons/lg_create-new.png);
    width: 76px;
}
.create-new:hover {
    background-image: url(../images/buttons/lg_create-new_roll.png);
}
.create {
    background-image: url(../images/buttons/lg_create.png);
    width: 49px;
}
.create:hover {
    background-image: url(../images/buttons/lg_create_roll.png);
}
.signup {
    background-image: url(../images/buttons/lg_signup.png);
    width: 56px;
}
.signup:hover {
    background-image: url(../images/buttons/lg_signup_roll.png);
}
.back {
    background-image: url(../images/buttons/lg_back.png);
    width: 42px;
}
.back:hover {
    background-image: url(../images/buttons/lg_back_roll.png);
}
.view-all {
    background-image: url(../images/buttons/lg_view-all.png);
    width: 55px;
}
.view-all:hover {
    background-image: url(../images/buttons/lg_view-all_roll.png);
}
.search {
    background-image: url(../images/buttons/lg_search.png);
    width: 51px;
}
.search:hover {
    background-image: url(../images/buttons/lg_search_roll.png);
}
.lg-add-points {
    background-image: url(../images/buttons/lg_add-points.gif);
    width: 73px;
}
.lg-subtract-points {
    background-image: url(../images/buttons/lg_subtract-points.gif);
    width: 95px;
}
.cancel {
    background-image: url(../images/buttons/lg_cancel.gif);
    width: 51px;
}
.delete {
    background-image: url(../images/buttons/lg_delete.png);
    width: 47px;
}
.delete:hover {
    background-image: url(../images/buttons/lg_delete_roll.png);
}
.reset {
    background-image: url(../images/buttons/lg_reset.png);
    width: 45px;
}
.reset:hover {
    background-image: url(../images/buttons/lg_reset_roll.png);
}
.save-changes {
    background-image: url(../images/buttons/lg_save-changes.png);
    width: 90px;
}
.save-changes:hover {
    background-image: url(../images/buttons/lg_save-changes_roll.png);
}
.search_gray {
    background-image: url(../images/buttons/lg_search_gray.png);
    width: 51px;
    float: right;
}
.search_gray:hover {
    background-image: url(../images/buttons/lg_search_gray_roll.png);
}
.update-quant {
    background-image: url(../images/buttons/lg_update_quantities.png);
    width: 111px;
}
.update-quant:hover {
    background-image: url(../images/buttons/lg_update_quantities_roll.png);
}
.checkout {
    background-image: url(../images/buttons/lg_checkout.png);
    width: 65px;
}
.checkout:hover {
    background-image: url(../images/buttons/lg_checkout_roll.png);
}
a.checkout-disabled {
    background-image: url(../images/buttons/lg_checkout_disabled.png);
    width: 65px;
    cursor: default;
}
.cart-back {
    background-image: url(../images/buttons/lg_back_cart.png);
    width: 81px;
    float: left;
}
.cart-back:hover {
    background-image: url(../images/buttons/lg_back_cart_roll.png);
}
.place-order {
    background-image: url(../images/buttons/lg_place_order.png);
    width: 76px;
}
.place-order:hover {
    background-image: url(../images/buttons/lg_place_order_roll.png);
}
.lg-calculate-my-reward {
    background-image: url(../images/inline/btn_calculate.png);
    width: 133px;
    margin: 0 auto;
}
.lg-calculate-my-reward:hover {
    background-image: url(../images/inline/btn_calculate_roll.png);
}
.approve {
    background-image: url(../images/buttons/lg_approve.png);
    width: 59px;
}
.approve:hover {
    background-image: url(../images/buttons/lg_approve_roll.png);
}
.deny {
    background-image: url(../images/buttons/lg_deny.png);
    width: 42px;
}
.deny:hover {
    background-image: url(../images/buttons/lg_deny_roll.png);
}
.request-benefit {
    background-image: url(../images/buttons/lg_request_benefit.png);
    width: 99px;
}
.request-benefit:hover {
    background-image: url(../images/buttons/lg_request_benefit_roll.png);
}
.submit {
    background-image: url(../images/buttons/lg_submit.png);
    width: 52px;
}
.submit:hover {
    background-image: url(../images/buttons/lg_submit_roll.png);
}
.submit-a-new-claim {
    background-image: url(../images/buttons/lg_submit-a-new-claim.png);
    width: 123px;
}
.submit-a-new-claim:hover {
    background-image: url(../images/buttons/lg_submit-a-new-claim_roll.png);
}
.submit-claim {
    background-image: url(../images/buttons/lg_submit-claim.gif);
    width: 88px;
}
.lg-run-report {
    background-image: url(../images/buttons/lg_run-report.png);
    width: 74px;
}
.lg-run-report:hover {
    background-image: url(../images/buttons/lg_run-report_roll.png);
}
.lg-add-note {
    background-image: url(../images/buttons/lg_add-note.png);
    width: 66px;
}
.lg-add-note:hover {
    background-image: url(../images/buttons/lg_add-note_roll.png);
    width: 66px;
}
.lg-learn-more {
    background-image: url(../images/buttons/lg_learn-more.png);
    width: 74px;
}
.lg-learn-more:hover {
    background-image: url(../images/buttons/lg_learn-more_roll.png);
}
.export {
    background-image: url(../images/buttons/lg_export.png);
    width: 51px;
    margin-right: 10px;
}
.export:hover {
    background-image: url(../images/buttons/lg_export_roll.png);
}

.lg-i-agree {
    background-image: url(../images/buttons/lg_i_agree.png);
    width: 95px;
}

a.btn-like-sm {
    display: block;
    height: 19px;
    text-indent: -5000px;
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
}
.view-accounts-pending {
    background-image: url(../images/buttons/sm_view-accounts-pending.png);
    width: 123px;
}
.view-accounts-pending:hover {
    background-image: url(../images/buttons/sm_view-accounts-pending_roll.png);
}
.view-accounts {
    background-image: url(../images/buttons/sm_view-accounts.png);
    width: 82px;
}
.view-accounts:hover {
    background-image: url(../images/buttons/sm_view-accounts_roll.png);
}
.view-claims-pending {
    background-image: url(../images/buttons/sm_view-claims-pending.png);
    width: 111px;
}
.view-claims-pending:hover {
    background-image: url(../images/buttons/sm_view-claims-pending_roll.png);
}
.view-orders-pending {
    background-image: url(../images/buttons/sm_view-orders-pending.png);
    width: 111px;
}
.view-orders-pending:hover {
    background-image: url(../images/buttons/sm_view-orders-pending_roll.png);
}
a.add-points {
    background-image: url(../images/buttons/sm_add-points.png);
    width: 63px;
}
a.add-points:hover {
    background-image: url(../images/buttons/sm_add-points_roll.png);
}
a.add-note {
    background-image: url(../images/buttons/sm_add-note.png);
    width: 56px;
}
a.add-note:hover {
    background-image: url(../images/buttons/sm_add-note_roll.png);
}
a.subtract-points {
    background-image: url(../images/buttons/sm_subtract-points.png);
    width: 84px;
}
a.subtract-points:hover {
    background-image: url(../images/buttons/sm_subtract-points_roll.png);
}
.view {
    background-image: url(../images/buttons/sm_view.png);
    width: 35px;
}
.view:hover {
    background-image: url(../images/buttons/sm_view_roll.png);
}
.save {
    background-image: url(../images/buttons/sm_save.png);
    width: 34px;
}
.save:hover {
    background-image: url(../images/buttons/sm_save_roll.png);
}
.console-edit {
    background-image: url(../images/buttons/sm_console_edit.png);
    width: 31px;
}
.console-edit:hover {
    background-image: url(../images/buttons/sm_console_edit_roll.png);
}
.console-checkout {
    background-image: url(../images/buttons/sm_console_checkout.png);
    width: 58px;
}
.console-checkout:hover {
    background-image: url(../images/buttons/sm_console_checkout_roll.png);
}
.console-checkout-disabled {
    background-image: url(../images/buttons/sm_console_checkout_disabled.png);
    width: 58px;
}
.console-view {
    background-image: url(../images/buttons/sm_console_view.png);
    width: 34px;
}
.console-view:hover {
    background-image: url(../images/buttons/sm_console_view_roll.png);
}
.console-newclaim {
    background-image: url(../images/buttons/sm_console_newclaim.png);
    width: 63px;
}
.console-newclaim:hover {
    background-image: url(../images/buttons/sm_console_newclaim_roll.png);
}
.remove {
    background-image: url(../images/buttons/sm_x.png);
    width: 17px;
}
.remove:hover {
    background-image: url(../images/buttons/sm_x_roll.png);
}
a.remove-disabled {
    background-image: url(../images/buttons/sm_x_disabled.png);
    width: 17px;
    cursor: default;
}
.remove-absolute {
    position: absolute;
    bottom: 8px;
    right: 8px;
    background-image: url(../images/buttons/sm_x.png);
    width: 17px;
}
.claim-remove-product {
    background-image: url(../images/buttons/sm_x.png);
    width: 17px;
}
.claim-add-product {
    background-image: url(../images/buttons/sm_add-points.gif);
    width: 64px;
}
.run-report {
    background-image: url(../images/buttons/sm_run-report.png);
    width: 66px;
}
.run-report:hover {
    background-image: url(../images/buttons/sm_run-report_roll.png);
}
a.add-another {
    background-image: url(../images/buttons/sm_add-another.png);
    width: 71px;
    height: 18px;
}
a.add-another:hover {
    background-image: url(../images/buttons/sm_add-another_roll.png);
}
a.sm-add {
    background-image: url(../images/buttons/sm_add.png);
    width: 31px;
}
a.sm-add:hover {
    background-image: url(../images/buttons/sm_add_roll.png);
}
a.sm-remove {
    background-image: url(../images/buttons/sm_remove.png);
    width: 52px;
}
a.sm-remove:hover {
    background-image: url(../images/buttons/sm_remove_roll.png);
}

a.btn-like-xl {
    display: block;
    height: 30px;
    text-indent: -5000px;
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
}
.add-to-cart {
    background-image: url(../images/buttons/xl_add-to-cart.png);
    width: 112px;
    float: left;
}
.add-to-cart:hover {
    background-image: url(../images/buttons/xl_add-to-cart_roll.png);
}
a.add-to-cart-disabled {
    background-image: url(../images/buttons/xl_add-to-cart-disabled.png);
    width: 112px;
    float: left;
    cursor: default;
}
.become-a-member-home {
    background-image: url(../images/buttons/btn_becomeamember.png);
    width: 166px;
    float: left;
}
.become-a-member {
    background-image: url(../images/buttons/xl_become-a-member.gif);
    width: 174px;
    float: left;
}
.become-a-member-home:hover {
    background-image: url(../images/buttons/btn_becomeamember_roll.png);
}
.become-a-reseller {
    background-image: url(../images/buttons/xl_become-a-reseller.gif);
    width: 174px;
    float: left;
}
.learn-more {
    background-image: url(../images/buttons/btn_learnmore.png);
    width: 166px;
    float: left;
}
.learn-more:hover {
    background-image: url(../images/buttons/btn_learnmore_roll.png);
}

.qty-text {
    margin: 0;
    padding: 0;
    width: 20px;
    font-size: 1em;
    border: solid 1px #999;
    border-bottom-color: #ccc;
    background-color: #fff;
    font-family: Arial, sans-serif;
    padding: 2px;
}

h2#home-message {
    width: 424px;
    height: 187px;
    position: absolute;
    top: 37px;
    left: 23px;
    text-indent: -5000px;
    overflow: hidden;
    background: transparent url(../images/headers/home_messaging.png) 0 0 no-repeat;
}
#reseller h2#home-message {
    background-image: url(../images/headers/home_messaging_resellers.png);
    top: 12px;
}
.reseller-header h2#home-message { top: 15px; }

#home-bullets {
    position: absolute;
    top: 58px;
    left: 452px;
    width: 200px;
}
#reseller #home-bullets { top: 38px; }
.reseller-header #home-bullets { top: 36px; }
#home-bullets li, ul.red-square-bullets li {
    background: transparent url(../images/icons/bullet_red.gif) 0 0.3em no-repeat;
    padding: 0.1em 0 0.1em 16px;
    font-size: 1.25em;
    font-weight: bold;
    line-height: 1.1em;
    color: #fff;
    margin-bottom: 0.4em;
}
ul.red-square-bullets li {
    font-size: 1em;
    line-height: 1.5em;
    background-position: 0 center;
    margin-bottom: 0.1em;
}
#home-bullets li.nobullet, ul.red-square-bullets li.nobullet {
    background-image:none;
    color: #fb0020;
    font-style: italic;
    display: block;
}
ul.red-square-bullets li.nobullet { color: #78cbb7; }

#home-membership {
    float: left;
    width: 640px;
    clear: none;
    margin-top: 257px;
    margin-left: 23px;
}
.reseller-header #home-membership { margin-top: 230px; }
#home-membership .col-left {
    width: 202px;
    padding: 5px 0 0 8px;
    float: left;
    display: inline;
    margin-right: 15px;
}
.reseller-header #home-membership .reseller-col-left {
    padding-left: 0;
    width: 90%;
    padding-top: 2em;
}
#home-membership h3 {
    height: 23px;
    text-indent: -5000px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 0 center;
}
#home-membership h3.three-levels {
    width: 198px;
    background-image: url(../images/headers/h3_threelevels.gif);
}
#home-membership h3.news-resources {
    width: 173px;
    margin-bottom: 24px;
}
#home-membership h3.current-promotions {
    width: 227px;
    background-image: url(../images/headers/h3_current-promotions.gif);
    margin-left: 0;
    margin-bottom: 1em;
}
.col-left ul {
    padding: 8px 0 0 0;
}
#home-membership .col-left li {
    display: block;
    margin: 0 0 5px 0;
    height: 36px;
}
#home-membership .col-left li a {
    margin: 0 auto;
    float: none;
}
#home-membership .col-left object { margin-top: 10px; }
#home-membership .logged-in object { margin-top: 45px; }

#home-membership .col-right {
    width: 405px;
    float: left;
}
.level-tabs {
}
.level-tabs li {
    float: left;
    width: 120px;
    height: 32px;
    margin-right: 2px;
    background: transparent url(../images/bg/levels_tab_init.gif) 0 4px repeat-x;
}
.level-tabs li.current {
    background: #fff url(../images/bg/levels_tab_current.gif) 0 0 no-repeat;
}
.level-tabs li a, .level-tabs li a:hover, .level-tabs li a:active, .level-tabs li a:visited {
    font-size: 1.2em;
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 6px 0 0 36px;
    background-position: 18px 10px;
    background-repeat: no-repeat;
}
.level-tabs .tab-terabyte a {
    background-image: url(../images/icons/level_terabyte.gif);
}
.level-tabs .tab-petabyte a {
    background-image: url(../images/icons/level_petabyte.gif);
}
.level-tabs .tab-exabyte a {
    background-image: url(../images/icons/level_exabyte.gif);
}
.level-tabs li.current a, .level-tabs li.current a:hover, .level-tabs li.current a:active, .level-tabs li.current a:visited {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}
.level-desc {
    clear: left;
}
.level-desc ul {
    padding: 10px 0 10px 4px;
}
.level-desc li {
    line-height: 1.5;
    font-size: 1.2em;
    padding: 0 0 0 16px;
    margin: 0 0 0.4em 0;
    background: transparent url(../images/icons/bullet_blue.gif) 0 0.4em no-repeat;
}
span.petabyte {
    background: transparent url(../images/icons/level_petabyte.gif) 4px 0 no-repeat;
    padding-left:20px;
}
span.terabyte {
    background: transparent url(../images/icons/level_terabyte.gif) 4px 0 no-repeat;
    padding-left:20px;
}
span.exabyte {
    background: transparent url(../images/icons/level_exabyte.gif) 4px 0 no-repeat;
    padding-left:20px;
}
#home .news-item {
    width: 395px;
    margin-left: 10px;
}
#home .news-item .date { width: 15%; }
#home .news-item .content { width: 85%; }
#home .news-item h5 { font-size: 1em; }
#home .news-item h5 span { }

.flash-embed { padding: 5px; }
.flash-embed p {
    text-align: center;
    font-weight: bold;
}

#home #content {
    padding-top: 3px;
}
#content-main {}
#content-header { padding: 14px 0 12px 11px; }
#home #content-header, .reseller-index-index #content-header { display:none; }
#content-header h2 {
    float: left;
    display: inline;
    width: 55%;
    height: 22px;
    /*background: transparent url(../images/headers/h2_rewards.gif) 0 0 no-repeat;*/
    background-color: transparent;
    background-position: top left;
    background-repeat: no-repeat;
    text-indent: -5000px;
    overflow: hidden;
}
#admin #content-header {
    padding-top: 0;
    padding-left: 35px;
    padding-right: 35px;
}
#content-header h2.home { background-image: url(../images/headers/h2_home_admin.gif); }
#admin #content-header h2.members { background-image: url(../images/headers/h2_admin_members.gif); }
#admin #content-header h2.resellers { background-image: url(../images/headers/h2_admin_resellers.gif); }
#admin #content-header h2.salesreps { background-image: url(../images/headers/h2_admin_salesteam.gif); }
#admin #content-header h2.products { background-image: url(../images/headers/h2_admin_products.gif); }
#admin #content-header h2.claims { background-image: url(../images/headers/h2_admin_claims.gif); }
#admin #content-header h2.campaigns { background-image: url(../images/headers/h2_admin_campaigns.gif); }
#admin #content-header h2.reports { background-image: url(../images/headers/h2_admin_reports.gif); }
#admin #content-header h2.profile { background-image: url(../images/headers/h2_admin_myprofile.gif); }
#content-header h2.rewards { background-image: url(../images/headers/h2_rewards.gif); }
#content-header h2.mycart { background-image: url(../images/headers/h2_mycart.gif); }
#content-header h2.products { background-image: url(../images/headers/h2_products.gif); }
#content-header h2.benefits { background-image: url(../images/headers/h2_benefits.gif); }
#content-header h2.support { background-image: url(../images/headers/h2_support.gif); }
#content-header h2.my-points { background-image: url(../images/headers/h2_my_points.gif); }
#content-header h2.my-profile { background-image: url(../images/headers/h2_my_profile.gif); }
#content-header h2.signup { background-image: url(../images/headers/h2_signup.gif); }
#content-header h2.news { background-image: url(../images/headers/h2_news.gif); }
#content-header h2.resources { background-image: url(../images/headers/h2_resources.gif); }
#content-header h2.reseller { background-image: url(../images/headers/h2_reseller.gif); }
#content-header h2.reseller-signup { background-image: url(../images/headers/h2_reseller_signup.gif); }
#content-header h2.opportunities { background-image: url(../images/headers/h2_opportunities.gif); }
.benefits-index-meeting #content-header { padding-top: 0; }
#search {
    float: right;
    display: inline;
    width: 40%;
    text-align: right;
    height: 23px;
    margin-right: 14px;
}
#search input {
    float: left;
    display: inline;
    height: 1.55em;
    margin: 0em 3px 0 0;
    width: 74%;
}
#search a.btn-like {
    float: right;
}
#nav-section {}
#nav-section h3 {
    padding: 0 0 0 11px;
    color: #c1d1d9;
    margin: 0 0 0.5em 0;
}
#nav-section ul {
    margin: 0 0 0 11px;
    padding: 0;
    border-top: solid 1px #ccc;
}
#nav-section li {
    padding: 0.5em 0;
    margin: 0;
    border-bottom: solid 1px #ccc;
}
#nav-section a, #nav-section a:link, #nav-section a:visited {
    color: #000;
    text-decoration: none;
}
#nav-section a:hover, #nav-section a:active {
    text-decoration: underline;
}

#content-main-inner {}
.nav-subsection {
    margin: 0 0 1.1em 0;
}
.nav-subsection a, .nav-subsection a:link, .nav-subsection a:visited {
    color: #999;
    float: left;
    display: inline;
    width: auto;
}
.nav-subsection a:hover, .nav-subsection a:active {
    color: #000;
}
.nav-subsection a.prev {
    padding: 0 0 0 10px;
    margin: 0 12px 0 0;
    background: transparent url(../images/icons/dblarrow_prev.gif) 0 0.55em no-repeat;
}
.nav-subsection a.next {
    padding: 0 10px 0 0;
    margin: 0;
    background: transparent url(../images/icons/dblarrow_next.gif) right 0.55em no-repeat;
}
.category_thumb {
    float: left;
    width: 251px;
    background: url(../images/bg/rewards_category_thumb_bg.jpg) 0 0 no-repeat;
    margin: 0;
    padding: 0;
}
.category_thumb_image {
    height: 196px;
    width: 217px;
    padding: 17px 17px 16px 17px;
}
.category_thumb_image img {
    height: 196px;
    width: 217px;
}
.category_thumb_title {
    padding: 0 20px;
    color: #FA001E;
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: bold;
}
.category_thumb_title a {
    text-decoration: none;
    color: #FA001E;
}
.category_thumb_list {
    min-height: 60px;
    margin: 0.5em 0 0 0;
    padding: 0 20px;
}
.category_thumb_list a {
    color: #333;
    padding-left: 8px;
    background: url(../images/inline/red_arrow.gif) left 0.35em no-repeat;
}
.reward_thumb, .product_thumb {
    width: 242px;
    float: left;
    margin: 0 30px 15px 0;
    padding: 0;
    background: url(../images/bg/reward_thumb_bg.gif) left bottom no-repeat;
}
.reward_thumb_image, .product_thumb_image {
    margin: 0;
    padding: 0;
    width: 242px;
    height: 201px;
    overflow: hidden;
}
.reward_thumb_image img, .product_thumb_image img {
}
.reward_thumb_cost, .product_thumb_cost {
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1.1em;
}
.reward_thumb_cost span, .product_thumb_cost span {
    color: #FC001C;
}
.reward_thumb_title, .product_thumb_title {
    margin-top: 0.4em;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1.1em;
}
.product_thumb_title {
    margin: 0 0 0.4em 0;
}
.reward_thumb_description, .product_thumb_description {
    margin: 0.6em 0 0 0;
}
.reward_thumb_description p, .product_thumb_description p {
    line-height: 1.6em;
    min-height: 4.8em;
}
.reward_thumb_description .details_link, .product_thumb_description .details_link {
    margin: 0 0 2em 0;
    float: left;
    clear: left;
    padding: 0 0 0 8px;
    background: url(../images/inline/red_arrow.gif) left 0.5em no-repeat;
    color: #333;
}
.reward-info, .product-info {
    padding-bottom: 1em;
    border-bottom: solid 1px #ccc;
    margin-bottom: 0.5em;
}
.reward-info h4, .product-info h4 {
    margin-bottom: 0.8em;
}
.reward-info h5, .product-info h5 {
    color: #000;
    font-size: 1.67em;
    font-weight: normal;
    margin: 0 0 0.5em 0;
    padding: 0;
}
.reward-info h5 span, .product-info h5 span {
    font-weight: bold;
    color: #fb0020;
}
.reward-info .description, .product-info .description {
    margin: 0 0 0.3em 0;
}
.reward-info .datasheet, .product-info .datasheet {
    background: transparent url(../images/icons/arrow_red.gif) 0 0.45em no-repeat;
    padding: 0 0 0 8px;
}
.reward-info .datasheet a, .reward-info .datasheet a:link, .reward-info .datasheet a:visited,
.product-info .datasheet a, .product-info .datasheet a:link, .product-info .datasheet a:visited {
    color: #000;
}
.reward-info .datasheet a:hover, .reward-info .datasheet a:active,
.product-info .datasheet a:hover, .product-info .datasheet a:active {
    color: #FB0020;
}
.reward-img, .product-img {
    float: right;
    display: inline;
    margin: 0 0 0 25px;
    max-width: 217px;
    max-height: 196px;
}
.more-views {
    float: right;
    display: inline;
    text-align: left;
    width: 110px;
}
.more-views span {
    display: block;
    font-size: 0.86em;
    color: #999;
    padding: 0 0 0.2em 5px;
}
.more-views a, .more-views a:link, .more-views a:visited {
    float: left;
    display: inline;
    width: 47px;
    height: 47px;
    border: solid 1px #d9d9d9;
    margin: 0 0 0 5px;
}
.more-views a:hover, .more-views a:active {
    border: solid 1px #fb0020;
}
#add_reward_form {
}
#add_reward_form label {
    width: 1em;
    font-size: 1.2em;
    font-weight: bold;
    float: left;
    display: inline;
    margin-top: 0.4em;
}
#add_reward_form #quantity {
    height: 1.6em;
    width: 2em;
    float: left;
    display: inline;
    margin: 0.3em 10px 0 0;
}
#add_reward_form a.btn-like-xl {
    float: left;
    display: inline;
}

#content-secondary {
    width: 209px;
}
#content-secondary .support-callout {
    margin: 0 0 0 1em;
}
#content-secondary object, #content-secondary .flash-embed {
    margin: 20px auto;
    display: block;
}
.portlet {
    margin: 0 0 1em 0;
}
.portlet .portlet-top {}
.portlet .portlet-mid {}
.portlet .portlet-bot {}

.portlet-doublewide {
    width:400px;
}
.portlet-doublewide .portlet-top {
    background: transparent url(../images/bg/portletbox_doublewide_bg_top.png) 0 0 no-repeat;
    padding: 25px 25px 0 25px;
}
.portlet-doublewide h4 {
    padding: 0.2em 0 0;
    font-size: 1em;
    font-weight: bold;
    color: #6e6e6e;
    float: left;
    xdisplay: inline;
    width: auto;
}
.portlet-doublewide .portlet-bottom {
    height: 24px;
    background: transparent url(../images/bg/portletbox_doublewide_bg_bottom.png) 0 bottom no-repeat;
}
.portlet-company {
    float: right;
    width: 293px;
    margin-bottom: 0;
}
.portlet-company .portlet-top {
    background: transparent url(../images/bg/portletbox_white_top.png) center bottom no-repeat;
    min-height: 41px;
    padding: 21px 20px 0;
    color: #6e6e6e;
    font-weight: bold;
}
.portlet-company .portlet-mid {
    background: transparent url(../images/bg/portletbox_white_mid.png) center 0 repeat-y;
    padding: 10px 16px;
}
.portlet-company .portlet-mid img {
    display: block;
    max-width: 250px;
    margin: 0 auto;
}
.portlet-company .portlet-bot {
    background: transparent url(../images/bg/portletbox_white_bot.png) center bottom no-repeat;
    padding: 10px 20px 19px;
    min-height: 41px;
}
.portlet-company .portlet-bot p {
    font-size: 0.9em;
    text-align: center;
}
.portlet-company .portlet-bot a { color: #6e6e6e; }
.portlet-company .portlet-bot .btn-like { margin: 0 auto; }
.portlet-company .portlet-bot hr { margin: 9px 6px; }
.portlet-green {
    float: right;
    width: 293px;
    clear: right;
    margin-bottom: 0;
}
.portlet-green .portlet-top {
    background: transparent url(../images/bg/portletbox_green_top.png) center bottom no-repeat;
    min-height: 25px;
    padding: 3px 20px 0;
    color: #6e6e6e;
    font-weight: bold;
    cursor: pointer;
}
.portlet-green .portlet-top-active { cursor: default; }
.portlet-green .top-first {
    background-image: url(../images/bg/portletbox_green_top-first.png);
    min-height: 24px;
    padding: 18px 20px 0;
}
.portlet-green .portlet-mid {
    background: transparent url(../images/bg/portletbox_green_mid.png) center 0 repeat-y; /* #01906c */
    padding: 8px 24px;
}
.portlet-green .calculator { padding: 0 15px 0; }

.portlet-green .portlet-bot {
    background: transparent url(../images/bg/portletbox_green_bot.png) center 0 no-repeat;
    height: 2px;
    font-size: 0;
    line-height: 0;
}
.portlet-green .bot-last {
    background: transparent url(../images/bg/portletbox_green_bot-last.png) center 0 no-repeat;
    height: 14px;
}

.accordion { /*position: relative;  required for bounding */ }
#reseller .accordion { float: right; }

.accordion .portlet-top {
    /*position: relative;  required for effect */
    /*z-index: 10;     required for effect */
}
.accordion .portlet-mid { overflow: hidden; }
.accordion .portlet-bot {}

a.closer {
    float: right;
    display: block;
    width: 21px;
    height: 19px;
    font-size: 0;
    line-height: 0;
    background: transparent url(../images/icons/tree_list_closed.gif) 0 0 no-repeat;
}
.portlet-top-active a.closer { display: none; }

ul.green-bottom li {
    color: #fff;
    padding: 4px 0;
    margin: 0;
    background: transparent url(../images/bg/li_green_bot.gif) 0 bottom repeat-x;
}
ul.green-bottom li a {
    color: #fff;
    text-decoration: none;
}
.dashboard {
    background: #ccc;
}
.dashboard .portlet-top {
    background: transparent url(../images/bg/cartbox_bg_top.gif) 0 0 no-repeat;
    padding: 16px 14px 0 15px;
}
.dashboard .db-heading {
    background: #eee url(../images/bg/cartbox_hdr_bg.gif) 0 bottom repeat-x;
    border-bottom: solid 2px #fb0020;
    padding: 3px 4px 0px 9px;
}
.dashboard .cart {
    margin-top: 8px;
}
.dashboard h4 {
    padding: 0.2em 0 0;
    font-size: 1em;
    font-weight: bold;
    color: #6e6e6e;
    float: left;
    display: inline;
    width: auto;
}
.dashboard .db-btns {
    float: right;
    height: 19px;
}
.dashboard .db-btns a.btn-like-sm {
    margin: 0;
    padding: 0;
    height: 19px;
    float: left;
    margin-left: 3px;
}
.dashboard .db-content {
    border-top: solid 1px #fff;
    background: transparent url(../images/bg/cartbox_body_bg_grad.gif) 0 0 repeat-x;
    padding: 7px 9px 0;

}
.db-content table {
    border-collapse: collapse;
    margin: 0;
    width: 100%;
}
.db-content td {
    margin: 0;
    padding: 0.2em 0;
    line-height: 1.2;
    text-align: left;
    font-weight: bold;
}
.db-content td.right {
    text-align: right;
    font-weight: normal;
}
.db-content td.divider {
    height: 12px;
    background: transparent url(../images/bg/cartbox_total_line.gif) 0 50% no-repeat;
}
#content .db-content .total td {
}
#content .db-content .total td.warning {
    background: transparent url(../images/icons/cart_warning.gif) 3em 0.1em no-repeat;
}
#content .db-content .total td.right {
    font-weight: bold;
    padding-left: 20px;
}
.dashboard .portlet-bottom {
    height: 24px;
    background: transparent url(../images/bg/cartbox_bg_bottom.gif) 0 bottom no-repeat;
}
.dashboard p {
    margin: 0;
}
.suggest {
    background: transparent url(../images/bg/portlet_suggest_bg.gif) 12px 0 no-repeat;
    height: 112px;
}
.suggest h3 {
    text-indent: -5000px;
    overflow: hidden;
    color: #000;
    height: 30px;
    margin: 0;
    padding: 0;
}
.suggest a, .suggest a:link, .suggest a:visited {
    display: block;
    padding-top: 60px;
    text-align: right;
    padding-right: 18px;
    color: #000;
    text-decoration: none;
}
.suggest a:hover, .suggest a:active {
    text-decoration: underline;
}
.calculator {
    float: right;
    width: 275px;
    padding: 16px 0 0 14px;
    background: transparent url(../images/bg/rewardcalc_box_bg.png) 0 0 no-repeat;
}
#reseller .calculator {
    float: none;
    width: auto;
}

.calculator .portlet-top {
    height: 206px;
    background: transparent url(../images/bg/rewardcalc_bg_top.jpg) 0 bottom no-repeat;
}
.calculator h4 {
    margin: 0 14px 0 1px;
    background: #eee url(../images/bg/cartbox_hdr_bg.gif) 0 bottom repeat-x;
    border-bottom: solid 2px #01916d;
    padding: 4px 4px 5px 9px;
    color: #6e6e6e;
    font-size: 1em;
    font-weight: bold;
}
.calculator form {
    border-top: solid 1px #fff;
    margin: 0 14px 0 1px;
    padding: 13px 10px;
    width: auto;
}
#reseller .calculator form {
    background: transparent url(../images/bg/rewardcalc_bg_top.jpg) 0 0 no-repeat;
    height: 171px;
    border-width: 0px;
    margin: 0;
    padding: 8px;
}
.calculator form p { margin: 0; }
.calculator form p label {
    float: none;
    width: auto;
    display: block;
    padding: 0 0 0.5em 0;
    font-weight: bold;
}
.calculator form p select {
    float: none;
    width: 100%;
    height: 1.6em;
    display: block;
    padding: 0;
    margin: 0 0 1.1em 0;
}
#reseller .calculator form p select { margin-bottom: 1em; }
.calculator form p.submit-btn {
    text-align: center;
}
.calculator .portlet-bottom {
    color: #fff;
    margin: 0 14px 0 1px;
    text-align: center;
}
.calculator .calculation-total {
    text-align: center;
    font-size: 1.8em;
    line-height: 1;
    padding: 0 5px 0.35em 5px;
    height: 1.8em;
    margin: 0px 0 10px 0;
    background: transparent url(../images/bg/calculator_divider.gif) 50% bottom no-repeat;
    color: #fff;
}
.calculator .calculation-total sup {}
.calculator .calculation-total #calculated_points_real {}
.calculator .calculation-total #calculated_points_empty { font-size: 0.8em; }
.calculator .reward-gallery {
    padding: 0 0 2em 12px;
    color: #fff;
}
#reseller .calculator .reward-gallery { padding-bottom: 1em; }
.calculator .reward-gallery a {
    float: left;
    display: inline;
    padding: 0;
    margin: 0;
}
.calculator .reward-gallery .nav-prev {
    background-image: url(../images/icons/reward_arrow_left.gif);
    background-repeat: no-repeat;
    margin: 47px 5px 0 0;
    width: 5px;
    height: 18px;
    text-indent: -5000px;
    float: left;
}
.calculator .reward-gallery #reward-gallery-images {
    position: relative;
    display: block;
    width:217px;
    height: 160px;
    float: left;
    margin: 0;
    background: transparent url(../images/bg/calculator_divider.gif) 50% bottom no-repeat;
}
.calculator .reward-gallery #reward-gallery-images .landing-node {
    background:#01916d;
    display: block;
    height: 160px;
    width: 217px;
    position: absolute;
    top: 0;
    left: 0;
}
.calculator .reward-gallery #reward-gallery-images .loading-node {
    background: #01916d url(../images/bg/calculator_searching.gif) center no-repeat;
    display: block;
    height: 160px;
    width: 217px;
    position: absolute;
    left: 0px;
    top: 0px;
}
.calculator .reward-gallery #reward-gallery-images .no-rewards-node {
    background: #01916d url(../images/bg/calculator_norewards.gif) center no-repeat;
    display: block;
    height: 160px;
    width: 217px;
    position:absolute;
    left: 0px;
    top: 0px;
}
.calculator .reward-gallery .reward-prev {
    margin: 33px 5px 0 0;
    width: 47px;
    height: 47px;
}
.calculator .reward-gallery .reward-focus {
    margin: 0px 5px 0 0;
    width: 113px;
    height: 113px;
}
.calculator .reward-gallery .reward-focus-onload {
    display: block;
    float: none;
    margin: 0 auto;
    width: 113px;
    height: 113px;
}
.calculator .reward-gallery .reward-next {
    margin: 33px 0px 0 0;
    width: 47px;
    height: 47px;
}
.calculator .reward-gallery .nav-next {
    background-image: url(../images/icons/reward_arrow_right.gif);
    background-repeat: no-repeat;
    margin: 47px 0 0 5px;
    width: 5px;
    height: 18px;
    text-indent: -5000px;
    float: left;
}
.calculator .reward-focus-name {
    text-align: center;
    font-weight: bold;
}/*
            .calculator .reward-focus-cost {
              text-align: center;
              font-weight: bold;
            }*/

.calculator .reward-gallery a.reward-focus-details {
    display: block;
    text-align: center;
    padding: 0.1em 10px 8px;
    color: #fff;
    float: none;
}
.calculator .reward-fineprint {
    color: #6cccb4;
    font-size: 0.86em;
    text-align: center;
    padding: 0.5em 0 0 0;
}
/* Cart Pages */
.cart_buttons {
    width: 97%;
    margin-left: 7px;
    text-align: right;
    display: block;
    height: 25px;
}
.cart_buttons .btn-like {
    float: right;
    margin-left: 3px;
}
.cart_buttons_checkout .cart-back {
    float: left;
}

.cart_item_list {
    width: 97%;
    margin: 0.5em 0 0 10px;
}
.cart_item_list a {
    color: #231F20;
}
.cart_item td {
    vertical-align: middle;
    line-height: 1.6em;
    padding: 6px 3px;
}
.cart_item_name {
    width: 35%;
}
.cart_item_qty_label {
    text-align: right;
    padding: 5px;
    width: 15%;
}
.cart_item_qty_input {
    width: 5%;
    text-align: left;
}
.cart_item_cost_label {
    text-align: right;
    width: 10%;
}
.cart_item_cost {
    text-align: left;
    font-weight: bold;
    color: #231F20;
    width: 7%;
}
.cart_item_total_label {
    text-align: right;
    width: 10%;
}
.cart_item_total {
    text-align: left;
    font-weight: bold;
    color: #231F20;
    color: #01916D;
    width: 7%;
}
.cart_item_remove {
    text-align: right;
    width: 5%;
    padding: 0;
    line-height: 0.5em;
}
.cart_item_remove .btn-like-sm {
    float: right;
}
.cart_item_list .divider {
    height: 1.4em;
    padding: 1.4em 0;
    background: transparent url(../images/bg/cart_total_line.gif) 0 50% repeat-x;
}
.cart_item_list .divider-top {
    height: 0.6em;
    padding: 0 0 1.4em 0;
}
.cart_item_list .divider td {
}
.cart_total td {
    line-height: 1.5em;
    font-weight: bold;
}
.cart_total .cart_total_title {
    font-weight: bold;
}
.cart_total .warning {
    background: transparent url(../images/icons/cart_warning.gif) 0 0 no-repeat;
    padding-left: 20px;
}
.cart_empty {
    margin: 1.5em 10px;
}
.cart_empty td {

}
.cart_shipping_info {
    margin: 0 0 1.5em 10px;
}
.cart_shipping_info p {
    line-height: 1.3em;
    margin-left: 25px;
}
.cart_shipping_info p.no-indent {
    margin-left: 0px;
    color: #000;
}
.disabled p {
    color: #999999;
}

/* Rewards and Products Styles */
#rewards .admin-table, #products .admin-table {
    width: 100%;
    margin-top: 10px;
}
#rewards-search-form, #products-search-form {
    margin-left: 11px;
    width: 741px;
}
#rewards #pagination, #products #pagination {
    margin-left: 9px;
}

/* News Styles */
#news .content-main .yui-gf {
    margin-left: 11px;
}
#news h3 {
    margin-left: 0px;
}
.news-category {
    float: left;
    width: 100%;
    margin-right: 4%;
}
.news-content {
    width: 80%;
}
.news-item {
    background:transparent url(../images/bg/hr_bg.gif) 0px bottom repeat-x;
    margin-bottom:1em;
    padding-bottom:1em;
}
.news-item .date{
    display: block;
    float: left;
    width: 10%;
    color: #000;
    font-weight: bold;
}
.news-item .content{
    display: block;
    float: left;
    width: 90%;
}
.news-category .news-item {
    width: 100%;
}
.news-item h5 {
    font-size:1em;
    font-weight: bold;
}
.news-item h5 a {
    color: #004f82;
    text-decoration: none;
}
.news-item h5 a:hover, .news-item h5 a:active {
    text-decoration:underline;
}
.news-item h5 span {
}
.news-item h5 span.pdf {
    background: url(../images/icons/pdf_sm.gif) 0 2px no-repeat;
    padding-left: 20px;
}
.news-item p {
    margin-bottom: 0em;
}
p.news-item-intro {
    color: #646567;
}
a.red-arrow {
    background: url(../images/icons/arrow_red.gif) 0 4px no-repeat;
    padding-left: 10px;
    color: #333335;
    text-decoration:none;
}
a.pdf {
    background: url(../images/icons/pdf_sm.gif) 0 2px no-repeat;
    padding-left: 20px;
    color: #333335;
}
a.image {
    background: url(../images/icons/img_sm.gif) 0 2px no-repeat;
    padding-left: 20px;
    color: #333335;
}
a.video {
    background: url(../images/icons/video_sm.gif) 0 2px no-repeat;
    padding-left: 18px;
    color: #333335;
}
a.audio {
    background: url(../images/icons/audio_sm.gif) 0 2px no-repeat;
    padding-left: 18px;
    color: #333335;
}
a.download {
    background: url(../images/icons/download_arrow.gif) 0 2px no-repeat;
    padding-left: 18px;
    color: #333335;
}
a.red-arrow:hover, a.pdf:hover {
    text-decoration: underline;
}

/* Users Styles */
#users .content-main .yui-gf {
    margin-left: 11px;
}
#users .admin-table {
    width: 100%;
}
#users .table-container {
    margin-bottom: 25px;
}
#users h5 {
    color: #FB0020;
    font-weight: bold;
    margin: 12px 0 0;
}
#users #user-membersignup-form h5 {
    margin: 0 0 10px 0;
}
#users h3 {
    margin-left: 0px;
}
#users h3 a {
    font-size: 0.7em;
    padding-left: 10px;
}
#products-table {
    width: 100%;
}
#products-table tr td {
    padding: 3px 8px;
}
#products-table tr td.text {
    padding-left: 0;
    width:25%
}
#products-table tr td.sm-text {
    text-align: right;
}
#products-table tr td.select {
    width: 40%;
}
#products-table tr td.field {
    width: 10%;
}
#products-table tr td select, #products-table tr td input {
    width: 100%;
}
#products-table tr td.btn {
    padding-left: 20px;
    padding-right: 0;
}

/* Benefit Styles */
#benefits h5 {
    line-height: 1.5em;
    margin-bottom: 1em;
    margin-left: 11px;
}
.benefit_block {
    float: left;
    clear: left;
    width: 100%;
}
.benefit_block_thumb {
    float: left;
    height: 145px;
    padding: 20px 20px 0 20px;
    background: url(../images/bg/benefit_thumb_bg.jpg) left top no-repeat;
    width: 30%;
}
.benefit_block_thumb img {
    height: 125px;
    width: 217px;
}
.benefit_block_text {
    float: right;
    margin: 0;
    padding: 20px 0 0 0;
    width: 64%;
}
.benefit_block_title_block {
    font-size: 1.2em;
    font-weight: bold;
    color: #FA001E;
}
.benefit_block_text .benefit_block_title {
    float: left;
}
.benefit_block_text .benefit_block_button {
    float: right;
}
.benefit_desc {
    clear: left;
    margin-top: 10px;
}
.benefit_misc {
    margin-top: 10px;
}
.fineprint {
    margin: 1em 0 0 10px;
}

#benefits .event-presentation, .event-presentation {
    background: transparent url(../images/bg/hr_bg.gif) 0 bottom repeat-x;
    padding-bottom: 1.6em;
    margin-bottom: 1.5em;
}
#benefits .event-presentation h6, #benefits .event-description h6 {
    margin: 0;
    font-weight: bold;
    font-size: 1.1em;
}
#benefits .event-presentation a, .event-presentation a { padding-right: 12px; }

#benefits .event-video {
    float: left;
    width: 750px;
    margin-left: 15px;
    margin-top: 20px;
}
#benefits .event-video h5 { margin-left: 0; }

#benefits .event-description {
    float: left;
    width: 200px;
    margin-top: 20px;
    margin-left: 20px;
}

/* CMS Styles */
#cms .content-main .yui-gf {
    margin-left: 11px;
}
#cms h3 {
    margin-left: 0px;
}

/* Auth Styles */
#auth .content-main .yui-gf {
    margin-left: 11px;
}
#auth #content-header {
    display: none;
}
#auth h3 {
    margin-left: 0px;
}
.login-callout {
    float: left;
    width: 350px;
    margin-top: 20px;
}

table.about {
    margin-bottom: 15px;
    border: 1px solid #7e7e7e;
}
table.about td {
    padding:6px 10px;
    text-align: center;
}
table.about td.col-1 {
    text-align: left;
}

/* Test Styles */
#test .content-main .yui-gf {
    margin-left: 11px;
}

/* Support Styles */
#support .content-main .yui-gf {
    margin-left: 11px;
}
#support h3 {
    margin-left: 0px;
}
#support ol li {
    margin: 0 0 1em 0;
}

/* Language Switcher */
#language_menu { margin-bottom:5px; float:left;}
#language_menu li {
    display: inline;
    padding-right: 8px;
}
#language_menu li.hidden {
    display: none;
}
#language_menu li a {
    padding: 3px 0 4px 20px;
}
#language_menu li a.active {
    font-weight: bold
}
#admin #language_menu li a {
    color: #fff;
}
#admin.tabs #language_menu li a {
    color: #000;
}
#language_menu li a.lang-en {
    background: transparent url(../images/bg/lang_en.gif) 0 center no-repeat;
}
#language_menu li a.lang-fr {
    background: transparent url(../images/bg/lang_fr.gif) 0 center no-repeat;
}

/* Pagination Styles */
#pagination {
    margin: 10px 0;
    color: #999;
}
#admin #pagination {  /* Admin has a darker background color */
    color: #666;
}
#pagination select {
    width: auto;
    margin-right: 8px;
}
#pagination span, #pagination a, #pagination img {  /* padding */
    padding-left: 2px;
    padding-right: 2px;
}
#pagination span.disabled {
    color: #ccc;
}
#admin #pagination span.disabled {
    color: #666;
}
#pagination span.current {
    color: #fb0020;
    font-weight: bold;
}
#pagination a {
    color: #999;
    text-decoration: underline;
}
#admin #pagination a {
    color: #666;
}
#pagination a:hover {
    text-decoration: none;
}
#pagination img {
    padding-bottom: 1px;
}
#pagination img.img-left {
    margin-left: 2px;
}
#pagination img.img-right {
    margin-right: 2px;
}

/* Error Messages */
.message-container .error-message, .message-container .success-message, .success-message, .error-message {
    margin: 10px 15px;
    padding:2px;
    border:1px solid #e3e3e3;
}
.error-message .inner{
    background:url(../images/icons/alert_stop.gif) 8px 8px no-repeat #FFFFFF;
    padding: 7px 28px;
    border: 1px solid red;
}
.error-message p {
    font-weight: bold;
}
.error-message p span {
    font-weight: normal;
}
.success-message .inner {
    background:url(../images/icons/alert_go.gif) 8px 8px no-repeat #FFFFFF;
    padding: 7px 28px;
    border: 1px solid #01916d;
}
.success-message p {
    font-weight: bold;
}
td .error-message, td .success-message {
    margin: 3px 0;
}

/* Style of the dropdown user picker */
.yui-skin-sam div.user-picker {
    border: 1px solid #ccc;
    background-color: #fff;
    visibility: hidden;
    cursor: default;
    position: absolute;
    width: 500px;
}
/* style of the first, or keyboard selected item. */
.selected-picker-item {
    background-color: #E6E6E6;
}
/* style of the mouse-over selected item. */
.preselected-picker-item {
    background-color: #DFDFDF;
}

/* Autocomplete Styles */
div.auto-complete-container {
    position: relative;
}
div.auto-complete-view {
    float: left;
    clear: none;
    width: 58.8%;
    height: 19px;
}
div.auto-complete-view input { width: 100%; }
div.auto-complete-container input.loading {
    background: #FFFFFF url(../images/icons/ajax-loading.gif) no-repeat scroll right center;
    /*border: 1px solid #333;*/
}

/* =Admin
----------------------
  Styles for the Admin Module
---------------------- */
#admin #content-main {
    min-height: 100px;
}
table.admin-box {
    width: 100%;
    max-width: 960px;
}
table.admin-box tr td {}
.admin-box td.tl {
    width: auto;
    height: 18px;
    background: url(../images/bg/admin-box.png) 0 0 no-repeat;
}
.admin-box td.tr {
    width: 18px;
    height: 18px;
    background: url(../images/bg/admin-box.png) -979px -3px no-repeat;
}
.admin-box td.ml {
    width: 18px;
    background: url(../images/bg/admin-box.png) 0 -18px no-repeat;
}
.admin-box td.mr {
    width: 18px;
    background: url(../images/bg/admin-box.png) right -18px no-repeat;
}
.admin-box td.bl {
    width: auto;
    height: 18px;
    background: url(../images/bg/admin-box.png) -3px bottom no-repeat;
}
.admin-box td.br {
    width: 18px;
    height: 18px;
    background: url(../images/bg/admin-box.png) -979px -979px no-repeat;
}
.admin-box-cell-content {
    padding: 2px;
    background-color: #fff;
}
.admin-box-content {
    background: #d1cbc3 url(../images/bg/admin-box_content_bg.gif) 0 0 repeat-x;
    border: 1px solid #c1c1c1;
}
.admin-box-content p, .admin-box-content h3, .admin-box-content h4 {
    padding-left: 18px;
    padding-right: 18px;
    color: #5c5c5c;
}
.admin-box-content p {
    clear: right;
    margin-bottom: 0.5em;
}
.admin-box-content p.special {
    padding-left: 10px;
    color: #000;
}
.admin-box-content p.special label {
    display: block;
    float: left;
    width: 15%;
    font-weight: bold;
    padding-top: 3px;
}

.admin-box-content h3 {
    padding-top: 14px;
}
.admin-box-content h4 {
    font-size: 1.2em;
    padding-top: 8px;
}
.admin-box-content h4.no-pad {
    padding-top: 0;
}
.admin-box-content h6 {
    padding: 5px 10px 3px;
    min-height: 20px;
    background: #ccc url(../images/bg/admin-box_h6_bg.gif) 0 0 repeat-x;
}

/* Admin Member Center Tabs */
ul.tabbed-changers {
    background: transparent url(../images/nav/navadmin_ul_bg.gif) 0 bottom repeat-x;
    padding: 0 35px;
}
.tabbed-changers li {
    float: left;
    height: 23px;
    padding: 2px 14px 0;
    margin: 3px 2px 3px 0;
    background: url(../images/nav/navadmin_bg.gif) 0 0 repeat-x;
    text-align: center;
}
.tabbed-changers li.current {
    height: 32px;
    margin: 0 2px 0 0;
    padding: 0;
    background: url(../images/nav/navadmin_bg_current.gif) 0 0 repeat-x;
}
.tabbed-changers li a, .tabbed-changers li a:visited, .tabbed-changers li a:active {
    color: #ccc;
    text-decoration: none;
}
.tabbed-changers li a:hover {
    color: #fff;
}
.tabbed-changers li.current a, .tabbed-changers li.current a:visited, .tabbed-changers li.current a:active, .tabbed-changers li.current a:hover {
    display: block;
    height: 26px;
    background: url(../images/nav/navadmin_a_bg_current.gif) 0 0 repeat-x;
    text-align: center;
    margin: 2px;
    padding: 2px 14px 0;
    color: #fb0020;
    font-weight: bold;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ececec;
}
.tabbed-changers li.clear {
    float: none;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    background: none;
}

.tabbed-content {
    padding: 12px 35px 20px;
    background: #e6e6e6 url(../images/bg/tabbed_content_bg.gif) 0 0 repeat-x;
}
.tabbed-content .error-message, .tabbed-content .success-message {
    margin-top: 0;
}
.no-tabs {
    background: transparent url(../images/nav/navadmin_ul_bg.gif) 0 bottom repeat-x;
    height: 3px;
    line-height: 0;
    font-size: 0;
}

.admin-content {
    padding: 0 35px;
}

.action-items {}
.action-items li {
    display: block;
    float: left;
    height: 22px;
    padding: 3px 15px;
    border-right: 1px solid #b5b5b5;
    border-left: 1px solid #fff;
}
.action-items li.first {
    padding-left: 0;
    border-left: none;
}
.action-items li.last {
    padding-right: 0;
    border-right: none;
}
.action-items li a {
    color: #5c5c5c;
    font-size: 1em;
    text-decoration: none;
}
#action-tab {
    padding: 12px 0;
    color: #5c5c5c;
}
.add-form {
    width: 65%;
}
#admin #redemptions-tab .add-form {
    width: 75%;
}
a.calendar-link {
    cursor: pointer;
}

#admin table {
    width: 100%;
}
#admin .half-width {
    width: 50%;
}
#admin table.view-table, table.view-table {
    width: 65%;
    padding-top: 8px;
}
#admin #members-tab table.view-table {
    width: 100%;
}
#admin #redemptions-tab table.view-table {
    width: 80%;
}
#users table.view-table {
    width: 100%;
}
.view-table tr td {
    padding: 0 8px 7px 0;
    vertical-align: top;
    line-height: 1.5em;
}
table.view-table tr td.col-1 {
    width: 35%;
}
table.view-table tr td.col-2 {
    width: 50%;
}
table.view-table tr td.col-3 {
    text-align: right;
}
table.view-table tr td a {
    color: #231f20;
}
table.view-table tr td.col-3 a {
    font-size: 0.9em;
}
table.view-table tr td input, table.view-table tr td select{
    width: 80%;
    height: auto;
}
table.view-table tr td input.radio {
    width: 1.3em;
}
table.view-table tr td input.small {
    width: 70%;
}
table.view-table tr td textarea {
    width: 90%;
    height: 150px;
}
table.view-table tr td label {
    display: block;
    float: left;
    width: 26%;
    padding-top: 4px;
}
table.view-table tr td label.radio {
    display: inline;
    float: none;
    width: auto;
    padding-top: 0px;
}
table.view-table tr td img {
    max-width: 125px;
    /*max-height: 125px;*/
}
table.view-table table {}
table.view-table table tr td {
    vertical-align: middle;
}
table.view-table table tr td select {
    width: 70%;
}
table.view-table table tr td input {
    width: 50%;
}

table.search-table {}
table.search-table tr td {
    width: 18%;
    padding-bottom: 6px;
    vertical-align: middle;
}
table.search-table tr td.col-1 {
    width: 28%;
}
table.search-table tr td.col-2, table.search-table tr td.col-4 {
    width: 14%;
    padding-left: 4%;
}
table.search-table tr td input, table.search-table tr td select {
    width: 100%;
}
table.search-table tr td input.float-left {
    width: 55px;
    margin-top: 2px;
}
table.search-table tr td input.radio {
    width: 1.3em;
    height: auto;
    padding-top: 3px;
}
table.search-table tr td select.small {
    width: 45%;
}
table.search-table tr td h3 {
    margin-bottom: 0;
}
table.search-table tr td label {
    float: none;
    display: inline;
}

table.report-search-table {}
table.report-search-table tr td {
    width: 16%;
    padding-bottom: 6px;
    vertical-align: middle;
}
table.report-search-table tr td.col-1, table.report-search-table tr td.col-3, table.report-search-table tr td.col-5 {
    width: 14%;
    padding-left: 3%;
}
table.report-search-table tr td input, table.report-search-table tr td select {
    width: 100%;
}
table.report-search-table tr td input.float-left {
    width: 55px;
    margin-top: 2px;
}
table.report-search-table tr td input.radio {
    width: 1.3em;
    height: auto;
    padding-top: 3px;
}
table.report-search-table tr td select.small {
    width: 45%;
}
table.report-search-table tr td h3 {
    margin-bottom: 0;
}
table.report-search-table tr td label {
    float: none;
    display: inline;
}

table.admin-table {
    border: 1px solid #7e7e7e;
}
.admin-table tr td {
    padding: 6px 10px;
}
.admin-table thead tr td {
    color: #ccc;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    background-color: #4f4f4f;
    padding: 8px 12px;
    font-weight: normal;
}
.admin-table thead tr td a, .admin-table thead tr td a:visited, .admin-table thead tr td a:active {
    color: #ccc;
    line-height: 1em;
}
.admin-table thead tr td a.sorted-desc, .admin-table thead tr td a.sorted-asc {
    padding-right: 20px;
}
.admin-table thead tr td a.unsorted  {
    padding-right: 20px;
    text-decoration: none;
}
.admin-table thead tr td a.sorted-asc {
    background: url(../images/icons/table-sort_asc.gif) right 3px no-repeat;
}
.admin-table thead tr td a.sorted-desc {
    background: url(../images/icons/table-sort_desc.gif) right 3px no-repeat;
}
.admin-table thead tr td a.unsorted {
    background: url(../images/icons/table-unsorted.gif) right 3px no-repeat;
}
.admin-table tr.light td {
    background-color: #fff;
}
.admin-table tr.dark td {
    background-color: #ececec;
}
.admin-table tr td.col-1 {
    width: 35px;
}
.admin-table tr td input, .admin-table tr td select {
    width: 90%;
}

.modal {
    background-color: #fff;
    padding: 2px;
    color: #5c5c5c;
}
.modal form, .modal .modal-content {
    background: #d7d1ca url(../images/bg/modal_bg.gif) 0 0 repeat-x;
    border: 1px solid #c1c1c1;
    padding: 15px 18px;
    width: auto;
    font-size: 1.2em;
}
.modal form label {
    width: 34%;
}
.loginbox{
    width:50%;
    padding:2px;
    border:1px solid #e3e3e3;
    background-color:#ffffff;
    margin:0 2em 2em 0;
    float:left;
}
.loginbox .inner{
    background-color: #FFFFFF;
    padding: 15px 15px;
    border: 1px solid #CCCCCC;
}
.extrapadtop {
    margin-top:35px;
}
.calloutbox{
    margin:0 12px;
    padding:2px;
    border:1px solid #e3e3e3;
    background:#ffffff;
}
.calloutbox .inner{
    background-color: #FFFFFF;
    padding: 8px 10px;
}
.calloutbox .inner h3{
    color:#FFFFFF;
    margin:0 0 .2em 0;
    font-size:2em;
    font-weight:bold;
    line-height:1.1em;
}
.calloutbox .inner h4 {
    color:#FFFFFF;
    margin:0 0 .2em 0;
    font-size:1.8em;
    font-weight:bold;
    line-height:1.1em;
}
.calloutbox .inner p {
    margin:0 0 .3em 0;
    font-weight:bold;
}
.calloutbox .inner.yellow {
    background:url(../images/bg/calloutbox_bg_yellow.jpg) 0 0 no-repeat #f6cb01;
    color:#dc3c00;
}
.calloutbox .inner.yellow a {
    background: url(../images/icons/arrow_red.gif) 0 4px no-repeat;
    padding-left: 10px;
    color:#000000;
    text-decoration:none;
}
.calloutbox .inner.yellow a:hover {
    text-decoration:underline;
}
.calloutbox .inner.green {
    background:url(../images/bg/calloutbox_bg_green.jpg) 0 0 no-repeat #01916d;
    color:#aaeedd;
}
.calloutbox .inner.green a {
    background: url(../images/icons/arrow_red.gif) 0 4px no-repeat;
    padding-left: 10px;
    color:#ffffff;
    text-decoration:none;
}
.calloutbox .inner.green a:hover {
    text-decoration:underline;
}

.callout-double-points { float: right; width: 260px; }
.callout-double-points h3 { height: auto; text-indent: 0; overflow: visible; }

a.disabled, #admin a.disabled, #users a.disabled {
    cursor: default;
    color: #999;
}
span.green-text {
    color: #098b6b;
}

/* Error Controller */
#error #content-main {
    margin: 0 11px;
}
#error pre {
    border: 1px solid #ccc;
    padding: 10px 8px;
    font-family: courier, serif;
    font-size: 0.8em;
    line-height: 1.2em;
    overflow: auto;
}

/* Reseller */
#reseller .content-main .yui-gf { margin-left: 11px; }
#reseller.reseller-index-index .content-main .yui-gf { margin-left: 0; }
#reseller .content-main .yui-gf h6 { margin-left: 0; }

#resources-list { width: 98%; }
#resources-list span.type {
    display: block;
    float: right;
}
#resources-list .resource-title, #resources-list .no-link {
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding-bottom: 3px;
    max-width: 80%;
}
#resources-list a {
    color: #000;
    cursor: pointer;
}

.collapsible-list {}
.collapsible-list dl {
    padding: 7px 0;
    color: #000;
    border-bottom: 1px solid #dcdcdc;
}
.collapsible-list dl.open { padding-bottom: 0; }
.collapsible-list dl dt {
    display: block;
    cursor: pointer;
    padding: 2px 0 2px 30px;
    min-height: 15px;
    font-weight: bold;
    font-size: 1.2em;
    background: transparent url(../images/icons/tree_list_closed.gif) left 0 no-repeat;
}

/* the declaration below accompishes what the three rules below it do, but '>' doesn't work in IE6.
.collapsible-list dl.open > dt {
    background-image: url(../images/icons/tree_list_open.gif);
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 9px;
} */
.collapsible-list dl.open dt {
    background-image: url(../images/icons/tree_list_open.gif);
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 9px;
}
.collapsible-list dl.open dl dt {
    background-image: url(../images/icons/tree_list_closed.gif);
    border-bottom-width: 0;
    padding-bottom: 2px;
}
.collapsible-list dl.open dl.open dt {
    background-image: url(../images/icons/tree_list_open.gif);
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 9px;
}
.collapsible-list dl dd {
    display: none;
}

/* the line below accompishes what the three lines below it do, but '>' doesn't work in IE6.
.collapsible-list dl.open > dd { display: block; }*/
.collapsible-list dl.open dd { display: block; }
.collapsible-list dl.open dd dl dd { display: none; }
.collapsible-list dl.open dd dl.open dd { display: block; }

.collapsible-list dl dd div {
    padding: 8px 20px 8px 30px;
}
.collapsible-list dl dd .odd { background-color: #ececec; }
.collapsible-list dl dd .first { border-top: 1px solid #dcdcdc; }
.collapsible-list dl dd p { margin-bottom: 0; }
.collapsible-list dl dd dl {
    margin-left: 30px;
    border-bottom-width: 0px;
    padding-bottom: 0;
}
.collapsible-list dl dd dl.last { padding-bottom: 8px; }
.collapsible-list dl dd dl.open { padding-bottom: 0px; }

/* Reseller Opportunity section */
#item_header {
    border-bottom: 1px solid #999;
    width: 436px;
}
#item_header span {
    display: block;
    float: left;
    font-weight: bold;
    height: 20px;
}
.item_template {
    width: 436px;
    padding: 4px 0px;
    height: 25px;
}
.item_template span {
    display: block;
    float: left;
}
.item_template .item_name {
    width: 286px;
}
.item_template .item_quantity {
    width: 100px;
}
.item_template .item_button {
    width: 50px;
}
#item_selector {
    width: 436px;
    padding: 4px 0;
    height: 25px;
}
#item_selector span {
    display: block;
    float: left;
}
#item_selector .item_select_span {
    width: 286px;
}
#item_selector #item_select {
    width: 275px;
}
#item_selector .item_quantity_span {
    width: 100px;
}
#item_selector #item_select_quantity {
    width: 50px;
}
#item_selector .item_button_span {
    width: 50px;
}
#item_selector .item_add_pointer {
    width: 436px;
    padding-top: 6px;
    font-style: italic;
    clear: left;
}

#reseller .admin-table {
    width: 100%;
}
#reseller h3 {
    margin-left: 0px;
}
#reseller h3 a {
    font-size: 0.7em;
    padding-left: 10px;
}

.tech-scholar-link { text-align: center; }
.callout-tech-scholar { width: 202px; margin: 6px auto; }

/* =Footer
----------------------
  Credit/footer styles: Usually the copyright/company info
  Notes:
---------------------- */
#ft {
    background:transparent url(../images/bg/hr_bg.gif) 0 0 repeat-x;
    margin: 2em 11px 0 11px;
}
#admin #ft {
    background-image: none;
    margin: 0em 35px 1em;
}
#siteinfo {
    font-size: 0.92em;
    color: #777;
    padding: 0.6em 0px 0em;
}
#siteinfo-legal {
    float: right;
    display: inline;
    clear: right;
    text-align: right;
    width: 60%;
}
#siteinfo-links {
    float: right;
    display: inline;
    clear: right;
    text-align: right;
    color: #777;
}
#siteinfo a, #siteinfo a:link, #siteinfo a:visited {
    color: #777;
}
#siteinfo a:hover, #siteinfo a:active {
    color: #000;
}


/* =Uni
----------------------
  Universal styles: Styles that apply to elements found throughout the site
  Notes:
    The best example of this is the "clear" div
---------------------- */
.clear {clear: left}
.clear-right {clear: right}
.clear-both {clear: both}
.clear-none {clear: none;}

.bold {font-weight: bold}
.header { font-weight: bold; }
.em {font-style: italic}
.footnote {color:#999 }
.alert {
    background:transparent url(../images/icons/alert_stop.gif) 0px 2px no-repeat;
    padding-left:21px;
}
.float-left { float: left; }
.float-right { float: right; }

.align-right { text-align: right; }
.align-center { text-align: center; }

div.hr {
    border-top: 1px solid #ccc;
    height: 1px;
    margin: 8px 0 8px 0;
    font-size: 0;
}
.red-divider {
    height: 2px;
    background-color: red;
    border-bottom: 1px solid #fff;
    font-size: 0;
    line-height: 0;
}
.gray-divider {
    height: 1px;
    background-color: #c2bcb4;
    border-bottom: 1px solid #e9e6e2;
    font-size: 0;
    line-height: 0;
}

.fat { height: 12px; }
.fat-pad { padding-top: 12px; }
.thin { height: 5px; }
.thin-pad { padding-top: 5px; }
.bottom-pad { padding-bottom: 10px; }
.right-space { margin-right: 5px; }
.right-space-wide { margin-right: 20px; }
.hidden, a.hidden { display: none; }
.top-space-wide { margin-top: 20px; }

hr {
    border: 0px;
    background:transparent url(../images/bg/hr_bg.gif) 0 0 repeat-x;
    height: 2px;
    margin: 1.8em 0;
    line-height: 1em;
    clear: both;
}
hr.short { margin:0em 0; }
ul.bullet {
    list-style-position: outside;
    list-style-type: disc;
    padding-left: 20px;
}

a.anchor { display: none; }

p.first-term {
    margin-top: 2em;
}

p.privacy-address {
    margin-left: 20px;
}

#home-offer-popup, #old-claim-modal {
     height: 445px;
     background-image: url('../images/bg/fuji-sign-up-bonus-2017.jpg');
     background-size: cover;
 }

#home-offer-popup .btn-link, #old-claim-modal .btn-link {
    -webkit-border-radius: 9;
    -moz-border-radius: 9;
    border-radius: 9px;
    font-family: Arial;
    color: #ffffff;
    font-size: 14px;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    position: absolute;
    bottom: 20px;
}

#home-offer-popup .btn-join, #old-claim-modal .btn-join {
    background: #34d960;
    background-image: -webkit-linear-gradient(top, #34d960, #2bb86d);
    background-image: -moz-linear-gradient(top, #34d960, #2bb86d);
    background-image: -ms-linear-gradient(top, #34d960, #2bb86d);
    background-image: -o-linear-gradient(top, #34d960, #2bb86d);
    background-image: linear-gradient(to bottom, #34d960, #2bb86d);
    left: 225px;
}

#old-claim-modal .btn-join {
    left: 10px;
}

#home-offer-popup .btn-join:hover, #old-claim-modal .btn-join:hover {
    background: #3cfc9f;
    background-image: -webkit-linear-gradient(top, #3cfc9f, #34d95a);
    background-image: -moz-linear-gradient(top, #3cfc9f, #34d95a);
    background-image: -ms-linear-gradient(top, #3cfc9f, #34d95a);
    background-image: -o-linear-gradient(top, #3cfc9f, #34d95a);
    background-image: linear-gradient(to bottom, #3cfc9f, #34d95a);
    text-decoration: none;
}


#home-offer-popup .btn-member {
    background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
    left: 75px;
}

#home-offer-popup .btn-member:hover {
    background: #3cb0fd;
    background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
    text-decoration: none;
}

.unorderedListA01 {
    list-style-type: disc;
}
.detailTableB01 {
    margin: 1.86em 0 0.86em;
}

.detailTableB01 table {
    border-collapse:collapse;
}

.detailTableB01 th,
.detailTableB01 td {
    padding: 0.83em 1em 0.83em;
    font-weight:normal;
}

.detailTableB01 thead th {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    padding-top:14px;
    background:url(/images/table/table_detail_hd_01.gif) 0 0 repeat-x;
    color:#222;
}

.detailTableB01 thead tr:first-child th {
    border-top: none;
}

.detailTableB01 thead th:first-child {
    text-align: left;
    border-left: none;
    border-bottom: none;
    border-right: none;
}

.detailTableB01 tbody th {
    color:#222;
    font-weight:normal;
    background:url(/images/table/bg_td_05.gif) 0 100% repeat-x;
    text-align: left;
}

.detailTableB01 td {
    background:url(/images/table/bg_td_06.gif) 0 100% no-repeat;
    text-align: center;
    vertical-align: middle;
}

.detailTableB01 td.numberCellB01 {
    text-align: center;
}

.detailTableB01 th.tableSubHeaderB01 {
    background: #aaaaaa;
}

.detailTableB01 tr.lineMarker td {
    background-color:#f3f3f3;
}

/* cookie law */

#cookieLaw {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: rgb(222, 232, 255) !important;
    /* height: 48px !important; */
    height: auto !important;
    padding-top: 10px !important;
    padding-bottom: 15px !important;
}

#cookieLaw .cookieLawContent {
    position: relative;
    width: 975px;
    min-height:31px;
    _height:31px;
    margin:0 auto;
    padding:0 10px;
    font-size: 1.8em;
}

#cookieLaw .cookieLawContent p {
    width: 916px;
    margin: 0;
    padding:9px 0 10px;
    font-size:85.1%;
    line-height:1.25;
    color: #888888;
}

@media screen and (max-width: 915px) {
    #cookieLaw .cookieLawContent {
        width: 100%;
    }

    #cookieLaw .cookieLawContent p {
        width: 95%;
    }
}

#cookieLaw .cookieLawContent p a {
    color: #888888;
}
#cookieLaw .cookieLawContent p a:hover {
    background-color:transparent;
}

#cookieLaw .cookieLawContent .cookieLawCloseBtn{
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: -10px;
}

table.freetape-table {
    border: 1px solid #000;
    padding: 5px;
    margin-bottom: 10px;
}

.freetape-table thead {
    font-weight: bold;
}

.freetape-table th {
    padding-bottom: 10px;
    border: 1px solid #000;
    padding: 5px;
}

.freetape-table td {
    width: 15%;
    padding: 5px;
    border: 1px solid #000;    
}

.freetape-table tr td:first-child {
    width: 25%;
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Source+Sans+Pro:wght@400;700&display=swap');

/* green: #00916D;
red: #E5002B;

    font-family: 'Montserrat', sans-serif;

    font-family: 'Source Sans Pro', sans-serif;


*/
#home {background: #000 !important;}
#home #hd {
    display:flex;
    justify-content: space-between;
    position: relative;
    z-index: 100;
    min-width: 900px;
    max-width: 1440px;
    margin: 0 auto;padding: 0 10%;
}
#home #branding {
    position: relative;
    top: auto;
    left: auto;

}
#home #branding-logo {
    width: 340px;
    padding-top: 8px;
}
#home #branding-logo h1 {
    background: url(../images/2021/fuji-tapepower-logo.png) no-repeat 0 0;
    background-size: 100%;
    overflow: visible;
}

#home #hd #nav li.first{
    border-left: 0;
}

#home {
    box-sizing: border-box;

}

#home #doc4 {
    width: 100%;

}


#home #doc4 #content {

    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 900px;
    margin: 0 auto;
    font-family: 'Montserrat', sans-serif;
}



#home #yui-main {
    margin-right: 0;
}






#home #hero {
    background: url(../images/2021/fuji-tapepower-home-hero.jpg) center top no-repeat;
    background-size: cover;
    width: 100%;
    margin-top: -100px;
    min-height: 600px;

}
#home .content-wrap {
    min-width: 900px;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 10%;

}

#home h2#home-message {
    text-indent:0;
    top: auto;
    left: 0;
    position: relative;
    width: auto;
    height: auto;
    overflow: auto;
    background:none;
    color: #fff;
    padding: 4em 0 .5em;
    font-weight: 600;
    font-size: 4em;
    width: 800px;

}
#home h2#home-message::after {
    content: ""; /* This is necessary for the pseudo element to work. */
    display: block; /* This will put the pseudo element on its own line. */
    width:105px; /* Change this to whatever width you want. */
    margin-top: 20px;
    margin-bottom: 0em; /* This creates some space between the element and the border. */
    border-bottom: 3px solid #CC0026;

}
#home #hero h3 {color: #fff; margin-left: 0;}

#bottom-section {
    background: #fff;
    width: 100%;
    padding-bottom: 3em;


}
#home #bottom-section .content-wrap {
    display:flex;
    justify-content:space-between;
}
#home h3.news-resources {
    width: auto;
    margin-top: 80px !important;
}
#home #home-membership {
    display: flex;
    flex-wrap: wrap;
    justify-content:flex-start;
    align-content: flex-start;
    box-sizing: border-box;
    padding: 0em;
    float: none;
    clear: none;
    width: 600px;
    position: relative;
    margin:0px;
    background: #fff;


}

#home #home-membership .col-right {
    order: 1;
    width: 100%;
    margin-top: -66.5px;
    padding: 0 0 2em;
}
#home #home-membership .col-right h3 {
    color: #fff;
    font-weight: 600;
    text-indent: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    height: auto;
    margin: 0 0 10px;
    font-size: 1.7em;
}
#home #home-membership .col-right .level-tabs li {
    background: #00916D;
    width: auto;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    text-align:center;
    margin-right: 6px;
}
#home #home-membership .col-right .level-tabs li.current {
    background: #fff;
}
#home #home-membership .col-right .level-tabs a {
    background: none !important;
    padding: .5em 1.5em;
    display:block;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}
#home .level-desc.membership-desc {
    margin-top: 1em;
}
#home .level-desc.membership-desc li {
    margin-bottom: 1em;}
#home #home-membership .col-left {
    width:100%;
    padding: 5px 0 0 8px;
    float: none;
    display: block;
    margin-right: 15px;
    order: 2;
}
#home #home-membership .col-left h3 {
    display:none;
    background: none;
    height: auto;
    text-indent: 0;
    overflow: visible;

}
#home #home-membership .level-desc.membership-desc li{
    background-image: url(../images/2021/list-style-green.png);
    background-size: 7px;
    background-position: 0 .5em;
}
#home #home-membership .col-left ul li {display:inline-block; margin-right: .5em;}
#home #home-membership .col-left ul li a.btn-like-xl {
    text-indent: 0;
    height: auto;
    width: auto;
    background: #CC0026;
    font-weight: 600;
    font-size: 1.1em;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: .7em 2em;
    color: #fff;
    text-decoration:none;
}
#home #home-membership .col-left ul li:last-child {
    margin-top: 1.5em;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.2em;
}
#home #home-membership .col-left ul li a.btn-like-xl.learn-more {
    background: #777;
}
#home #home-membership .col-left ul li a.btn-like-xl:hover,
#home #home-membership .col-left ul li a.btn-like-xl.learn-more:hover {
    background: #000;
}
#home #home-membership .col-left ul li:last-child {
    display:block;
    text-align:left !important;
}

#home .calculator {
    background:#00916D;
    border-radius: 20px;
    padding: 1em 0;
    margin-top: -47.5px;
    overflow: hidden;
    width: 325px;
}
#home .calculator .portlet-top {
    height: auto;
    background: none;

}
#home .calculator .portlet-top h4 {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: none;
    font-size: 1.25em;
    padding-bottom: .8em;
}


#home .calculator form:after {
    content: " ";
    position: absolute;
    right: 0px;
    bottom: -40px;
    border-top: 40px solid #D2E0DC;
    border-right: 163px solid transparent;
    border-left: 163px solid transparent;
    border-bottom: none;
}
#home .calculator form {
    margin: 0;
    padding: 0;
    border: 0;
    background: #D2E0DC;


    padding: 20px;
    position: relative;
    margin: 0 0 50px;
    box-sizing: border-box;
    text-align:center;
}
#home .calculator form p select {
    padding: .5em;
    height: auto;
    border: solid 1px #ccc;
}
#home .calculator #calculated_points span em {
    font-style: normal;
    font-weight: 600;
}
#home .calculator .calculation-total {
    text-align: center;
    font-size: 1.8em;
    line-height: 1;
    margin: 0 1em .5em;
    height: auto;
    border-bottom: solid 1px #fff;
    background: none;
}
#home .calculator #reward-gallery-images {
    width: 100%;
    text-align:center;
    float: none;
}
#home .calculator #reward-gallery-images .landing-node{
    position: relative;
    margin: 0 auto;
}
#home .lg-calculate-my-reward {
    background-image: none;
    width: auto;
    height: auto;
    margin: 0 auto;
    text-indent: 0;
    background:#CC0026;

    color: #fff;
    text-decoration:none;
    display:inline-block;
    font-weight: 600;
    padding: .5em 1.5em;
}
#home .lg-calculate-my-reward:hover {background: #000;}
#home #ft {
    background: #000;
    margin: 0;
    padding: 2em;
}

#reseller  #hd {
    display:flex;
    justify-content: space-between;
    position: relative;
    z-index: 100;
    min-width: 900px;
    max-width: 1440px;
    margin: 0 auto;padding: 0 10%;
}
#reseller #branding {
    position: relative;
    top: auto;
    left: auto;

}
#reseller #branding-logo {
    width: 340px;
    padding-top: 8px;
}
#reseller #branding-logo h1 {
    background: url(../images/2021/fuji-tapepower-logo.png) no-repeat 0 0;
    background-size: 100%;
    overflow: visible;
}

#reseller #hd #nav li.first{
    border-left: 0;
}

#reseller {
    box-sizing: border-box;
}
#reseller #doc4 {
    width: 100%;
}


#reseller #doc4 #content {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 900px;
    margin: 0 auto;
    font-family: 'Montserrat', sans-serif;
}

#reseller #yui-main {
    margin-right: 0;
}

#reseller #hero {
    background: url(../images/2021/fuji-tapepower-home-hero.jpg) center top no-repeat;
    background-size: cover;
    width: 100%;
    margin-top: -100px;
    min-height: 600px;

}
#reseller .content-wrap {
    min-width: 900px;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 10%;

}

#reseller h2#home-message {
    text-indent:0;
    top: auto;
    left: 0;
    position: relative;
    width: auto;
    height: auto;
    overflow: auto;
    background:none;
    color: #fff;
    padding: 4em 0 .5em;
    font-weight: 600;
    font-size: 4em;
    width: 800px;

}
#reseller h2#home-message::after {
    content: ""; /* This is necessary for the pseudo element to work. */
    display: block; /* This will put the pseudo element on its own line. */
    width:105px; /* Change this to whatever width you want. */
    margin-top: 20px;
    margin-bottom: 0em; /* This creates some space between the element and the border. */
    border-bottom: 3px solid #CC0026;

}
#reseller #hero h3 {color: #fff; margin-left: 0;max-width: 700px; line-height: 1.5em;}

#reseller  #bottom-section {
    background: #fff;
    width: 100%;
    padding-bottom: 3em;


}
#reseller #bottom-section .content-wrap {
    display:flex;
    justify-content:space-between;
}
#reseller #home-membership {
    margin-top: 0 !important;
}

#reseller #home-membership h3.current-promotions {
    width: auto;
    background-image: none;
    text-indent: 0;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;

}

#reseller .right-content {
    margin-top: -100px;
}
#reseller .portlet-company {
    float: none;
}



#reseller #ft {
    background: #000;
    margin: 0;
    padding: 2em;
}