/* Main Area */

div#mainContainer {
  background-position:0px 508px;
}

div#bodyContainer {
  height:596px;  /* mostly for IE6 */
  position:relative;
}

div#bodyContainer ul li {
  background:none;
  margin:0px;
}

div.breadcrumb, div#splashContainer {
  display:none;
}

div#productlines {
  width:100%;
  text-align:center;
  position:absolute;
  top:408px;
  left:0px;
}


/* Rollovers */


div.rolloverContainer {
  height:196px;
  width:792px;
  margin:0 auto;
  position:absolute;
  left:90px;
  top:400px;
}

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

div#bodyContainer li.rolloverGroupItem {
  float: left;
  margin: 0;
  padding:0px 7px;
  width:auto;
}

img.rolloverImageOff {
  display: block;
  position: relative;
  z-index: 99;
  border:2px solid transparent;
  border-top:0px;
}

img.rolloverImageOn {
  display: block;
  position: relative;
  z-index: 101;
  background-color:#c5c5c6;
  border:2px solid #cccccc;
  border-top:0px;
}

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

div#bodyContainer li.rolloverPopupGroupItem {
  display: none;
  position: absolute;
  z-index: 100;
  
  height: 235px;
  padding:25px;
  
  border: 2px solid #cccccc;
  background: #c5c5c6 url('../images/backend/homepage/preview-rollover.gif') repeat-x 0px 0px!important;
  font-weight:bold;
  font-size:11px;
  color:#666666;
}

div#bodyContainer li.rolloverPopup1Item {
  width: 374px;
}

div#bodyContainer li.rolloverPopup2Items {
  width: 580px;
}

div#bodyContainer li.rolloverPopup3Items {
  width: 740px;
}


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

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

table.rolloverContentTable li {
  background:none!important;
  display:list-item !important;
  list-style-type:disc !important;
  margin-left:0 !important;
  padding:0 !important;
}

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;
}

/* Popup title */
li.rolloverPopupGroupItem  h4 {
  font:italic 15px arial;
  font-weight:bold;
  text-transform:uppercase;
  color:#606060;
  margin:0px 0px 10px 0px;
}

li.rolloverPopupGroupItem a:hover, li.rolloverPopupGroupItem a:hover h4 {
  color:#666666;
  text-decoration: underline!important;
}

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;
}