﻿/* ========== Recall */
  #recallContainer          { color:#666666; font-size:10px; background:url("../images/backend/homepage/recall-news_background.gif") repeat-x 0 0; height:24px; line-height:24px; text-align:right; }
  #recallContainer       ul { list-style:none; margin:0 15px; }
  #recallContainer       li { display:inline; margin:0 15px; }
  #recallContainer      a * { color:#E64097!important; }

/* ========== Social Popup */
  #s4-bodyContainer .homebannersocialpopup
                            { top:165px; left:531px; }
  #s4-bodyContainer .homebannersocialpopuplower
                            { top:189px; }
  #s4-bodyContainer .homebannersocialpopup .ptr 
                            { display:block; }
  #s4-bodyContainer .homebannersocialpopup .ptrup 
                            { display:none; }
  
/* ========== Banner */
  #banner                   { height:auto; border-bottom:7px solid #fff; padding-bottom:0; background:#ddd; position:relative; }
  #homeflash                { height:356px; overflow:hidden; }
  
  /* promotions */
  #promos                   { color:#fff; height:73px; background:url("../images/backend/homepage/bg_promo.png") repeat-x 0 0 #000; }
  #promos      div.carousel { display:none; left:157px; position:absolute; top:0; height:73px; width:435px; }
  #promos           ul.tabs { position:relative; top:9px; margin:0; width:124px; padding-left:20px; background:url("../images/backend/homepage/bg_promotabs.gif") repeat-x 0 28px; }
  #promos        ul.tabs li { list-style:none; margin:0; padding:3px 0; }
  #promos         ul.tabs a { padding-left:15px; color:#666666; font-size:18px; }
  #promos   ul.tabs a:focus { outline:none; }
  #promos   ul.tabs a:hover { text-decoration:none; color:#E64097; }
  #promos     li.selected a { color:#fff; background:url("../images/default/icon_arrows.gif") no-repeat 0 8px; }
  
  #promocaption             { font-size:11px; color:#999; height:35px; line-height:1em; width:328px; padding:19px 20px; position:absolute; right:0; top:0; background:url("../images/backend/homepage/bg_promocaption.png") no-repeat 0 0; }
  #promocaption          h4 { font-size:13px; color:#fff; display:block; margin-bottom:5px; }
  #promocaption sup, #promocaption sub
                            { font-size:0.7em; line-height:1em; }
  
  .jcarousel-container      { width:370px; padding:0 22px; position:relative; top:11px; }
  .jcarousel-clip           { width:370px; height:51px; }
  .jcarouselstrip           { margin:11px 0 0 16px; overflow:hidden; }
  .jcarouselstrip        li { list-style:none; margin:0; display:inline; margin-right:14px; width:108px; height:45px; padding:3px; float:left; }
  .jcarouselstrip li.itemactive { padding:2px; border:1px solid #E64097; }
  .jcarouselstrip li div.caption, .jcarouselstrip li span.title
                            { display:none; }
  .jcarouselstrip a.itemimage 
                            { display:inline-block; width:108px; height:45px; }
  .jcarouselstrip a.itemimage img
                            { display:block; width:108px; height:45px; }

  /** Horizontal Buttons **/
  .jcarousel-prev, .jcarousel-next 
                            { position:absolute; top:23px; width:8px; height:7px; cursor:pointer; }
  .jcarousel-next           { right:0; background:url("../images/backend/homepage/btn_carouselfw.gif") no-repeat 0 0; }
  .jcarousel-prev           { left:0; background:url("../images/backend/homepage/btn_carouselbk.gif") no-repeat 0 0; }
  .jcarousel-next-disabled, .jcarousel-next-disabled:hover, .jcarousel-next-disabled:active,
  .jcarousel-prev-disabled, .jcarousel-prev-disabled:hover, .jcarousel-prev-disabled:active 
                            { cursor:default; }
  
  /* Promo strip initial image */
  #promoinitialimage        { position:absolute; right:0; top:0; }
  #promoinitialimagepool    { display:none; }
  
  
  /* Social links */
  #banner .sociallinks      { position:absolute; top:84px; right:12px; z-index:1; width:135px; height:20px; padding-top:6px;}
  #banner .sociallinks .label 
                            { color:#666666; font:normal 12px arial; text-transform:uppercase; text-shadow:0 1px 1px #fff; }
  #banner .sociallinks a    { height:26px; width:26px; background-image:url("../images/backend/homepage/btn_social.gif"); }
  #banner .sociallinks .lnkfacebook       { right:30px; background-position:0 0; }
  #banner .sociallinks .lnkfacebook:hover { background-position:0 26px; }
  #banner .sociallinks .lnktwitter        { right:0; background-position:26px 0; }
  #banner .sociallinks .lnktwitter:hover  { background-position:26px 26px; }
  
  
  /* Tag Cloud and Twitter accordion */
  #socialaccordion          { position:absolute; top:119px; right:10px; width:291px; }
  ul.socialtab              { margin:0; }
  ul.socialtab           li { position:relative; list-style:none; margin:0; padding:0 0 5px 0; }
  ul.socialtab  img.twitter { position:absolute; z-index:2; top:10px; left:243px; height:36px; width:36px; }
  ul.socialtab    a.tablink { position:relative; color:#666666; font:normal 13px arial; text-transform:uppercase; text-shadow:0px 1px 1px #fff; display:inline-block; width:244px; padding:19px 0 16px 48px; }
  ul.socialtab a.tablink:hover
                            { color:#E64097; text-decoration:none; }
  ul.socialtab a.tablink:focus, ul.socialtab a.tablink:focus img
                            { outline:none; }
  ul.socialtab    span.icon { display:inline-block; height:20px; width:21px; position:absolute; top:17px; left:15px; background:url("../images/backend/homepage/icon_plusminus.gif") no-repeat 0 0; }
  ul.socialtab li.active span.icon 
                            { background-position:-21px 0; }
  ul.socialtab li.active a.tablink 
                            { color:#333; }
  ul.socialtab    img.tabbg { position:absolute; z-index:0; top:0; }
  ul.socialtab div.tablabel { position:relative; height:51px; width:291px; background:url(../images/backend/homepage/socialbar.png) no-repeat 0 0; }
  ul.socialtab div.tabcontent { display:none; position:relative; z-index:1; height:180px; width:275px; top:-10px; background:url("../images/backend/homepage/bg_accordion.png") no-repeat 0 bottom; }
  
  .scrollpane               { overflow:auto; }
  
  /* Tag cloud */
  #tab-cloud                { line-height:16px; font-weight:bold; text-align:center; margin-bottom:-9px; padding:12px 8px; }
  #tab-cloud    .scrollpane { height:181px; }
  #tab-cloud              a { color:#999; margin-right:5px; display:inline-block; }
  #tab-cloud        a:hover { color:#333; text-decoration:none; }
  #tab-cloud       a.cloud1 { font-size:9px; }
  #tab-cloud       a.cloud2 { font-size:10px; }
  #tab-cloud       a.cloud3 { font-size:11px; }
  #tab-cloud       a.cloud4 { font-size:12px; }
  #tab-cloud       a.cloud5 { font-size:13px; }
  #tab-cloud       a.cloud6 { font-size:14px; }
  #tab-cloud       a.cloud7 { font-size:15px; }
  #tab-cloud       a.cloud8 { font-size:16px; }
  #tab-cloud       a.cloud9 { font-size:17px; }

  
  /* Twitter feeds */
  #tab-tweets               { height:192px; width:291px; padding:5px 0 8px 0; overflow:hidden; }
  #tab-tweets   .scrollpane { height:181px; font:11px arial; color:#666666; line-height:12px; width:283px!important; padding-right:0!important; }

  #tab-tweets .tweetpanel   { width:144px; float:left; }
  #tab-tweets #tweet1       { margin:0 1px; }
  #tab-tweets .twtr-widget  { font:normal 11px tahoma!important; }
  #tab-tweets .twtr-widget .twtr-hd     
                            { padding:0 5px 3px 8px; }
  #tab-tweets .twtr-widget .twtr-hd h4, #tab-tweets .twtr-ft
                            { display:none; }
  #tab-tweets .twtr-widget-profile img.twtr-profile-img
                            { height:18px; width:18px; border:2px ridge #eee!important; }
  #tab-tweets .twtr-widget h3
                            { font:tahoma 11px arial!important; color:#333!important; text-transform:uppercase; text-shadow:0 1px 1px #FFFFFF; }
  #tab-tweets .twtr-widget-profile h3
                            { margin:3px 0 0 28px!important; }
  #tab-tweets .twtr-widget p
                            { line-height:normal!important; }
  #tab-tweets .twtr-widget .twtr-tweet-wrap, #tab-tweets .twtr-widget .twtr-tweet 
                            { overflow-x:hidden; overflow-y:visible; height:auto!important; }
  #tab-tweets .twtr-widget .twtr-tweet a
                            { color:#E64097!important; }
  #tab-tweets .twtr-widget .twtr-tweet    
                            { border-bottom:1px dotted #BBBBBB; }
  #tab-tweets .twtr-scroll .twtr-timeline
                            { overflow-y:scroll; width:100%;  }
 
/* ========== Main Content */
  #bodycontainer            { padding:0 16px 16px 16px; height:auto; min-height:0; position:relative; background:url("../images/default/bg_content.png") repeat-x scroll 0 -114px #FFFFFF; }
  #featureprod              { height:130px; position:relative; z-index:2; top:0; }

  #productCarousel .jcarousel-container
                            { top:-1px; width:749px; margin:0; }
  #productCarousel .jcarousel-clip 
                            { height:137px; width:749px; }
  #productCarousel .jcarouselstrip li
                            { display:inline; list-style:none; margin:0; text-align:center; width:105px; height:130px; padding:0 1px 1px 1px; overflow:hidden; }
  #productCarousel .jcarouselstrip li.itemactive 
                            { padding:0px; border-width:0 1px 1px 1px; border-style:solid; border-color:#999; background:#fff; position:relative; z-index:1; }
  #productCarousel .jcarouselstrip li div.rollovercontent
                            { display:none; }

  #productCarousel a.rolloveritem 
                            { display: inline-block; height:130px; }  
  #productCarousel a.rolloveritem img
                            { width:105px; height:130px; display:block; margin-top:1px; } /* need image dimensions for IE6 transparent png fix */
  #productCarousel a.rolloveritem img.on
                            { display:none; }
  #productCarousel li.itemactive a.rolloveritem img.off
                            { display:none; }
  #productCarousel li.itemactive a.rolloveritem img.on
                            { display:block; }
                            
  #productCarousel .jcarousel-prev, #productCarousel .jcarousel-next 
                            { position:absolute; top:55px; width:12px; height:24px; cursor:pointer; }
  #productCarousel .jcarousel-next
                            { right:0; background:url("../images/backend/homepage/btn_next.gif") no-repeat 0 0; }
  #productCarousel .jcarousel-prev
                            { left:0; background:url("../images/backend/homepage/btn_prev.gif") no-repeat 0 0; }

  
  #prodContentContainer     { position:absolute; bottom:130px; z-index:0; height:auto; width:795px; }
  #prodContentContainer div.rollovercontent
                            { width:390px; position:absolute; bottom:0; padding:20px 20px 10px 20px; border:1px solid #999; background:url("../images/backend/homepage/bg_proddetail.png") repeat-x 0 0 #fff; }
  #prodContentContainer div.rolloverPopup2Items 
                            { width:580px; }
  #prodContentContainer div.rolloverPopup3Items 
                            { width:740px; }
  
  div.rollovercontent       { font-size:12px; }
  div.rollovercontent   sub { bottom:-0.25em; font-style:normal; position:relative; vertical-align:baseline; }
  div.rollovercontent   sup { bottom:0.33em; font-style:normal; position:relative; vertical-align:baseline; }
  table.rolloverContentTable{ margin:15px 0 0; font-size:11px; color:#666666; }
  table.rolloverContentTable td 
                            { vertical-align:top; }
  table.rolloverContentTable p a, table.rolloverContentTable p a:hover 
                            { color:#666666; font-size:11px; text-decoration:underline; }
  img.rolloverContentImage  { margin:0 15px 0 0; }
  img.rolloverArrow         { padding:0 0 0 5px; vertical-align:text-bottom; }
  ul.rolloverList li, ul.ms-rteCustom-rolloverList li 
                            { margin:0; padding:0 0 1em; list-style-type:square; }
  td.rolloverDivider        { width:40px; vertical-align:middle; background:url("../images/backend/homepage/rollover-divider.gif") no-repeat 15px 0; }
  
  p.highTechBatteriesHeader, p.highTechBatteriesHeader a, p.highTechBatteriesHeader a:hover, p.ms-rteCustom-highTechBatteriesHeader, p.ms-rteCustom-highTechBatteriesHeader a, p.ms-rteCustom-highTechBatteriesHeader a:hover {
    color:#0066CC;
    font-family:Arial,Helvetica,sans-serif;
    font-size:17px;
    font-style:italic;
    font-weight:bold;
    margin:0 0 0.1em;
    text-decoration:none;
    text-transform:uppercase;
  }
  p.lithiumSubhead, p.lithiumSubhead a, p.lithiumSubhead a:hover, p.ms-rteCustom-lithiumSubhead, p.ms-rteCustom-lithiumSubhead a, p.ms-rteCustom-lithiumSubhead a:hover {
    color:#0066CC !important;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px !important;
    font-style:italic;
    font-weight:bold;
    line-height:1.25em;
    margin:0 0 0.5em;
    text-decoration:none !important;
  }
  p.titaniumSubhead, p.titaniumSubhead a, p.titaniumSubhead a:hover, p.ms-rteCustom-titaniumSubhead, p.ms-rteCustom-titaniumSubhead a, p.ms-rteCustom-titaniumSubhead a:hover {
    color:#FF5A00 !important;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px !important;
    font-style:italic;
    font-weight:bold;
    line-height:1.25em;
    margin:0 0 0.5em;
    text-decoration:none !important;
  }
  p.advancedLithiumSubhead, p.advancedLithiumSubhead a, p.advancedLithiumSubhead a:hover, p.ms-rteCustom-advancedLithiumSubhead, p.ms-rteCustom-advancedLithiumSubhead a, p.ms-rteCustom-advancedLithiumSubhead a:hover {
    color:#F9E814 !important;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px !important;
    font-style:italic;
    font-weight:bold;
    line-height:1.25em;
    margin:0 0 0.5em;
    text-decoration:none !important;
  }
  p.rechargeableSubhead, p.rechargeableSubhead a, p.rechargeableSubhead a:hover, p.ms-rteCustom-rechargeableSubhead, p.ms-rteCustom-rechargeableSubhead a, p.ms-rteCustom-rechargeableSubhead a:hover {
    color:#008231 !important;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px !important;
    font-style:italic;
    font-weight:bold;
    line-height:1.25em;
    margin:0 0 0.5em;
    text-decoration:none !important;
  }
  p.everydayUseBatteriesHeader, p.everydayUseBatteriesHeader a, p.everydayUseBatteriesHeader a:hover, p.ms-rteCustom-everydayUseBatteriesHeader, p.ms-rteCustom-everydayUseBatteriesHeader a, p.ms-rteCustom-everydayUseBatteriesHeader a:hover {
    color:#D81E05;
    font-family:Arial,Helvetica,sans-serif;
    font-size:17px;
    font-style:italic;
    font-weight:bold;
    margin:0 0 0.1em;
    text-decoration:none;
    text-transform:uppercase;
  }
  p.maxSubhead, p.maxSubhead a, p.maxSubhead a:hover, p.ms-rteCustom-maxSubhead, p.ms-rteCustom-maxSubhead a, p.ms-rteCustom-maxSubhead a:hover {
    color:#D81E05 !important;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px !important;
    font-style:italic;
    font-weight:bold;
    line-height:1.25em;
    margin:0 0 0.5em;
    text-decoration:none !important;
  }
  p.hearingAidBatteriesHeader, p.hearingAidBatteriesHeader a, p.hearingAidBatteriesHeader a:hover, p.ms-rteCustom-hearingAidBatteriesHeader, p.ms-rteCustom-hearingAidBatteriesHeader a, p.ms-rteCustom-hearingAidBatteriesHeader a:hover {
    color:#FE6402;
    font-family:Arial,Helvetica,sans-serif;
    font-size:17px;
    font-style:italic;
    font-weight:bold;
    margin:0 0 0.1em;
    text-decoration:none;
    text-transform:uppercase;
  }
  p.hearingAidBatteriesSubhead, p.hearingAidBatteriesSubhead a, p.hearingAidBatteriesSubhead a:hover, p.ms-rteCustom-hearingAidBatteriesSubhead, p.ms-rteCustom-hearingAidBatteriesSubhead a, p.ms-rteCustom-hearingAidBatteriesSubhead a:hover {
    color:#FE6402 !important;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px !important;
    font-style:italic;
    font-weight:bold;
    line-height:1.25em;
    margin:0 0 0.5em;
    text-decoration:none !important;
  }
  p.specialtyBatteriesHeader, p.specialtyBatteriesHeader a, p.specialtyBatteriesHeader a:hover, p.ms-rteCustom-specialtyBatteriesHeader, p.ms-rteCustom-specialtyBatteriesHeader a, p.ms-rteCustom-specialtyBatteriesHeader a:hover {
    color:#04469D;
    font-family:Arial,Helvetica,sans-serif;
    font-size:17px;
    font-style:italic;
    font-weight:bold;
    margin:0 0 0.1em;
    text-decoration:none;
    text-transform:uppercase;
  }
  p.specialtyBatteriesSubhead, p.specialtyBatteriesSubhead a, p.specialtyBatteriesSubhead a:hover, p.ms-rteCustom-specialtyBatteriesSubhead, p.ms-rteCustom-specialtyBatteriesSubhead a, p.ms-rteCustom-specialtyBatteriesSubhead a:hover {
    color:#04469D !important;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px !important;
    font-style:italic;
    font-weight:bold;
    line-height:1.25em;
    margin:0 0 0.5em;
    text-decoration:none !important;
  }
  p.lightingProductsHeader, p.lightingProductsHeader a, p.lightingProductsHeader a:hover, p.ms-rteCustom-lightingProductsHeader, p.ms-rteCustom-lightingProductsHeader a, p.ms-rteCustom-lightingProductsHeader a:hover {
    color:#FF9D20;
    font-family:Arial,Helvetica,sans-serif;
    font-size:17px;
    font-style:italic;
    font-weight:bold;
    margin:0 0 0.1em;
    text-decoration:none;
    text-transform:uppercase;
  }
  p.lightingProductsSubhead, p.lightingProductsSubhead a, p.lightingProductsSubhead a:hover, p.ms-rteCustom-lightingProductsSubhead, p.ms-rteCustom-lightingProductsSubhead a, p.ms-rteCustom-lightingProductsSubhead a:hover {
    color:#FF9D20 !important;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px !important;
    font-style:italic;
    font-weight:bold;
    line-height:1.25em;
    margin:0 0 0.5em;
    text-decoration:none !important;
  }
  p.energiToGoProductsHeader, p.energiToGoProductsHeader a, p.energiToGoProductsHeader a:hover, p.ms-rteCustom-energiToGoProductsHeader, p.ms-rteCustom-energiToGoProductsHeader a, p.ms-rteCustom-energiToGoProductsHeader a:hover {
    color:#008231;
    font-family:Arial,Helvetica,sans-serif;
    font-size:17px;
    font-style:italic;
    font-weight:bold;
    margin:0 0 0.1em;
    text-decoration:none;
    text-transform:uppercase;
  }
  p.energiToGoProductsSubhead, p.energiToGoProductsSubhead a, p.energiToGoProductsSubhead a:hover, p.ms-rteCustom-energiToGoProductsSubhead, p.ms-rteCustom-energiToGoProductsSubhead a, p.ms-rteCustom-energiToGoProductsSubhead a:hover {
    color:#008231 !important;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px !important;
    font-style:italic;
    font-weight:bold;
    line-height:1.25em;
    margin:0 0 0.5em;
    text-decoration:none !important;
  }
  p.featuredProductsHeader, p.featuredProductsHeader a, p.featuredProductsHeader a:hover, p.ms-rteCustom-featuredProductsHeader, p.ms-rteCustom-featuredProductsHeader a, p.ms-rteCustom-featuredProductsHeader a:hover {
    color:#FE0097;
    font-family:Arial,Helvetica,sans-serif;
    font-size:17px;
    font-style:italic;
    font-weight:bold;
    margin:0 0 0.1em;
    text-decoration:none;
    text-transform:uppercase;
  }
  p.featuredProductsSubhead, p.featuredProductsSubhead a, p.featuredProductsSubhead a:hover, p.ms-rteCustom-featuredProductsSubhead, p.ms-rteCustom-featuredProductsSubhead a, p.fms-rteCustom-eaturedProductsSubhead a:hover {
    color:#FE0097 !important;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px !important;
    font-style:italic;
    font-weight:bold;
    line-height:1.25em;
    margin:0 0 0.5em;
    text-decoration:none !important;
  }
  
/* ========== Footer */
  #cstm-footer              { z-index:1; }
  #footerlinks              { height:35px; }
  #footerlinks           ul { top:0px; }
  #footerlinks          img { top:-38px; }

