/* Main Area */


div#recallContainer {
  width: 100%;
  height: 24px;
  line-height: 24px;
  
  background-image: url('../images/backend/homepage/recall-news_background.gif');
  background-repeat: repeat-x;
  
  text-align: right;
}

div#recallContainer ul {
  list-style: none;
  
  margin: 0px 15px 0px 15px;
  padding: 0;
  
  font-size: 10px;
  color: #666666;
}

div#recallContainer ul li {
  display: inline;
  
  margin: 0px 15px 0px 15px;
  padding: 0;
}

div.mainArea {
  float: left;
  width: 744px;
  height: 376px;
}

div.featuresArea {
  float: right;
  width: 224px;
  height: 376px;
  
  background-image: url('../images/backend/homepage/features_area_background.jpg');
  background-repeat: no-repeat;
  background-position: right;
}

div.featuresAreaTop {
  height: 160px;
  
  margin: 27px 0px 0px 14px;
}

div.featuresAreaBottom {
  height: 160px;
  
  margin: 10px 0px 0px 14px;
}

table.featuresAreaTableTop {
  font-size: 10px;
}

table.featuresAreaTableBottom {
  font-size: 10px;
}

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

div.featuresAreaTitle {
  float: left;
  margin: 0px 0px 6px 0px;
  
  font-weight: bold;
}

div.featuresAreaCounter {
  float: right;
  margin: 0px 5px 6px 0px;
  
  text-align: right;
}

div.featuresAreaText {
  width: 183px;
}




/* Rollovers */


div.rolloverContainer {
  float: left;
  width: 744px;
  height: 131px;
}

ul.rolloverGroup {
  list-style-type: none;
  
  margin: 0;
  padding: 0;
}

li.rolloverGroupItem {
  float: left;
  margin: 0;
}

img.rolloverImageOff {
  display: block;
  position: relative;
  z-index: 99;
}

img.rolloverImageOn {
  display: block;
  position: relative;
  z-index: 101;
}

ul.rolloverPopupGroup {
  list-style-type: none;
  
  margin: 0;
  padding: 0;
}

li.rolloverPopupGroupItem {
  display: none;
  position: absolute;
  z-index: 100;
  overflow: hidden;
  
  height: 285px;
  
  border: 2px solid #CCCCCC;
  background-color: #FFFFFF;
}

li.rolloverPopup1Item {
  width: 390px;
}

li.rolloverPopup2Items {
  width: 580px;
}

li.rolloverPopup3Items {
  width: 740px;
}

div.rolloverPopupGroupItemPadding {
  padding: 25px;
}

table.rolloverContentTable {
  padding: 15px 0px 0px 0px;
}

table.rolloverContentTable p {
  font-size: 11px;
  color: #666666;
}

table.rolloverContentTable p a, table.rolloverContentTable p a:hover {
  font-size: 11px;
  color: #666666;
  text-decoration: underline;
}

img.rolloverContentImage {
  margin: 0px 15px 0px 0px; 
}

img.rolloverArrow {
  padding: 0px 0px 0px 5px;
  
  vertical-align: text-bottom;
}

ul.rolloverList, ul.ms-rteCustom-rolloverList {
  font-size: 11px;
  color: #666666;
}

ul.rolloverList li, ul.ms-rteCustom-rolloverList li {
  margin: 0;
  padding: 0px 0px 1em 0px;
}

td.rolloverDivider {
  padding: 0px 25px 0px 15px;
  
  vertical-align: middle;
}

p.highTechBatteriesHeader, p.highTechBatteriesHeader a, p.highTechBatteriesHeader a:hover, p.ms-rteCustom-highTechBatteriesHeader, p.ms-rteCustom-highTechBatteriesHeader a, p.ms-rteCustom-highTechBatteriesHeader a:hover {
  margin: 0px 0px .1em 0px;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: bold;
  font-style: italic;
  color: #0066CC;
  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 {
  margin: 0px 0px .5em 0px;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px !important;
  font-weight: bold;
  font-style: italic;
  color: #0066CC !important;
  text-decoration: none !important;
  
  line-height: 1.25em;
}

p.titaniumSubhead, p.titaniumSubhead a, p.titaniumSubhead a:hover, p.ms-rteCustom-titaniumSubhead, p.ms-rteCustom-titaniumSubhead a, p.ms-rteCustom-titaniumSubhead a:hover  {
  margin: 0px 0px .5em 0px;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px !important;
  font-weight: bold;
  font-style: italic;
  color: #FF5A00 !important;
  text-decoration: none !important;
  
  line-height: 1.25em;
}

p.advancedLithiumSubhead, p.advancedLithiumSubhead a, p.advancedLithiumSubhead a:hover, p.ms-rteCustom-advancedLithiumSubhead, p.ms-rteCustom-advancedLithiumSubhead a, p.ms-rteCustom-advancedLithiumSubhead a:hover  {
  margin: 0px 0px .5em 0px;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px !important;
  font-weight: bold;
  font-style: italic;
  color: #F9E814 !important;
  text-decoration: none !important;
  
  line-height: 1.25em;
}

p.rechargeableSubhead, p.rechargeableSubhead a, p.rechargeableSubhead a:hover, p.ms-rteCustom-rechargeableSubhead, p.ms-rteCustom-rechargeableSubhead a, p.ms-rteCustom-rechargeableSubhead a:hover {
  margin: 0px 0px .5em 0px;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px !important;
  font-weight: bold;
  font-style: italic;
  color: #008231 !important;
  text-decoration: none !important;
  
  line-height: 1.25em;
}

p.everydayUseBatteriesHeader, p.everydayUseBatteriesHeader a, p.everydayUseBatteriesHeader a:hover, p.ms-rteCustom-everydayUseBatteriesHeader, p.ms-rteCustom-everydayUseBatteriesHeader a, p.ms-rteCustom-everydayUseBatteriesHeader a:hover {
  margin: 0px 0px .1em 0px;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: bold;
  font-style: italic;
  color: #D81E05;
  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 {
  margin: 0px 0px .5em 0px;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px !important;
  font-weight: bold;
  font-style: italic;
  color: #D81E05 !important;
  text-decoration: none !important;
  
  line-height: 1.25em;
}

p.hearingAidBatteriesHeader, p.hearingAidBatteriesHeader a, p.hearingAidBatteriesHeader a:hover, p.ms-rteCustom-hearingAidBatteriesHeader, p.ms-rteCustom-hearingAidBatteriesHeader a, p.ms-rteCustom-hearingAidBatteriesHeader a:hover {
  margin: 0px 0px .1em 0px;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: bold;
  font-style: italic;
  color: #FE6402;
  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 {
  margin: 0px 0px .5em 0px;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px !important;
  font-weight: bold;
  font-style: italic;
  color: #FE6402 !important;
  text-decoration: none !important;
  
  line-height: 1.25em;
}

p.specialtyBatteriesHeader, p.specialtyBatteriesHeader a, p.specialtyBatteriesHeader a:hover, p.ms-rteCustom-specialtyBatteriesHeader, p.ms-rteCustom-specialtyBatteriesHeader a, p.ms-rteCustom-specialtyBatteriesHeader a:hover {
  margin: 0px 0px .1em 0px;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: bold;
  font-style: italic;
  color: #04469D;
  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 {
  margin: 0px 0px .5em 0px;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px !important;
  font-weight: bold;
  font-style: italic;
  color: #04469D !important;
  text-decoration: none !important;
  
  line-height: 1.25em;
}

p.lightingProductsHeader, p.lightingProductsHeader a, p.lightingProductsHeader a:hover, p.ms-rteCustom-lightingProductsHeader, p.ms-rteCustom-lightingProductsHeader a, p.ms-rteCustom-lightingProductsHeader a:hover {
  margin: 0px 0px .1em 0px;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: bold;
  font-style: italic;
  color: #FF9D20;
  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 {
  margin: 0px 0px .5em 0px;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px !important;
  font-weight: bold;
  font-style: italic;
  color: #FF9D20 !important;
  text-decoration: none !important;
  
  line-height: 1.25em;
}

p.energiToGoProductsHeader, p.energiToGoProductsHeader a, p.energiToGoProductsHeader a:hover, p.ms-rteCustom-energiToGoProductsHeader, p.ms-rteCustom-energiToGoProductsHeader a, p.ms-rteCustom-energiToGoProductsHeader a:hover {
  margin: 0px 0px .1em 0px;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: bold;
  font-style: italic;
  color: #008231;
  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 {
  margin: 0px 0px .5em 0px;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px !important;
  font-weight: bold;
  font-style: italic;
  color: #008231 !important;
  text-decoration: none !important;
  
  line-height: 1.25em;
}

p.featuredProductsHeader, p.featuredProductsHeader a, p.featuredProductsHeader a:hover, p.ms-rteCustom-featuredProductsHeader, p.ms-rteCustom-featuredProductsHeader a, p.ms-rteCustom-featuredProductsHeader a:hover {
  margin: 0px 0px .1em 0px;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: bold;
  font-style: italic;
  color: #FE0097;
  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 {
  margin: 0px 0px .5em 0px;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px !important;
  font-weight: bold;
  font-style: italic;
  color: #FE0097 !important;
  text-decoration: none !important;
  
  line-height: 1.25em;
}




/* Footer */


div.keepGoingFooter {
  float: left;
  margin: -55px 0px 0px 0px;
}