@import url('energi_to_go.css');
@import url('everyday_use.css');
@import url('hearing_aid.css');
@import url('lighting.css');
@import url('lithium.css');
@import url('rechargeable.css');
@import url('specialty.css');
@import url('titanium.css');




/* Cross-product Items */


div.productsLandingHeader {
  width: 950px;
  height: 195px;
}

div.productsLandingSplash {
  float: right;
  position:relative;
  right:-16px;
  
  padding: 0px 0px 0px 10px;
}

table.productsLandingBatteriesTable {
  margin: 0px -25px 0px 0px;
  
  font-size: 12px;
}

table.productsLandingBatteriesTable tr td {
  padding: 0px 25px 0px 0px;
  
  font-weight: bold;
  text-align: center;
}

table.productsTriSubCategoryTable {
  width: 100%;
  margin: 0px -5px 0px -5px;
}

table.productsTriSubCategoryTable tr td {
  width: 33%;
  padding: 0px 5px 0px 5px;
}




/* Products Landing */

#producttabs              
  { width:950px; margin:0 -16px; }
#producttabs ul.producttabstrip 
  { margin:0 -3px 0 0; overflow:hidden; }
#producttabs li.producttabstripitem 
  { display:inline; list-style:none; margin:0 3px 0 0; text-align:center; width:152px; height:auto; overflow:visible; }
#producttabs li.firstproducttabstripitem 
  { margin-right:2px; }
#producttabs div.rollovercontentcontainer
  { display:none; float:left; text-align:left; width:896px; border:2px solid #999; position:relative; top:-5px; padding:25px; }

#producttabs a.rolloveritem         
  { display: inline-block; padding:2px;  }  
#producttabs a.rolloveritem img 
  { width:152px; height:166px; display:block; }
#producttabs a.rolloveritem img.on 
  { display:none; }
#producttabs li.selected a.rolloveritem img.off 
  { display:none; }
#producttabs li.selected a.rolloveritem img.on 
  { display:block; }
#producttabs li.selected a.rolloveritem 
  { padding:0 0 2px 0; border-width:2px 2px 0 2px; border-style:solid; border-color:#999; background:#fff; position:relative; z-index:1; top:0px; }
  
 
div.productLandingRolloverContentPadding {
  padding: 25px;
  overflow:hidden;
}

div.productLandingRolloverLabelContainer {
  float: left;
  width: 80px;
  margin: -10px 0px -10px 0px;
}

div.productLandingRolloverVerticalDivider {
  float: left;
  width: 41px;
  height: 260px;

  background-image: url('../images/backend/common/divider-vertical.gif');
  background-repeat: repeat-y;
  background-position: center;
}

div.productLandingRolloverProductContainer {
  float: left;
  width: 230px;
  margin: -5px 0px -5px 0px;
  
  /*overflow: hidden;  guarantees that ie 5.5 and 6 respect the set width -->no longer applies */
  overflow:visible;
}

div.productLandingRolloverContainerPadding {
  padding: 5px 0px 5px 0px;
} 

div.productLandingRolloverNameContainer {
  height: 50px;
}

div.productLandingRolloverThumbnailContainer {
  height: 90px;
  line-height: 90px; /* vertical center text */
}

table.productLandingRolloverThumbnailTable {
  height: 70px;
  margin: 0px -5px 0px 0px;
}

table.productLandingRolloverThumbnailTable tr td {
  padding: 0px 5px 0px 0px;
  
  vertical-align: middle;
}

div.productLandingRolloverBestUsageContainer {
  height: 50px;
  line-height: 50px; /* vertical center text */
}

table.productLandingRolloverBestUsageTable {
  height: 40px;
  margin: 0px -15px 0px 0px;
}

table.productLandingRolloverBestUsageTable tr td {
  padding: 0px 15px 0px 0px;
  
  vertical-align: middle;
}

div.productLandingRolloverFeaturesContainer {
  height: 70px;
}

div.productLandingRolloverFeaturesContainer ul {
  font-size: 11px;
}

a.lithiumSubhead, a.lithiumSubhead:hover, a.ms-rteCustom-lithiumSubhead, a.ms-rteCustom-lithiumSubhead:hover {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  color: #0066CC;
  text-decoration: none;
}

a.titaniumSubhead, a.titaniumSubhead:hover, a.ms-rteCustom-titaniumSubhead, a.ms-rteCustom-titaniumSubhead:hover {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  color: #FF5A00;
  text-decoration: none;
}

a.advancedLithiumSubhead, a.advancedLithiumSubhead:hover, a.ms-rteCustom-advancedLithiumSubhead, a.ms-rteCustom-advancedLithiumSubhead:hover {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  color: #F9E814;
  text-decoration: none;
}

a.rechargeableSubhead, a.rechargeableSubhead:hover, a.ms-rteCustom-rechargeableSubhead, a.ms-rteCustom-rechargeableSubhead:hover {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  color: #008231;
  text-decoration: none;
}

a.maxSubhead, a.maxSubhead:hover, a.ms-rteCustom-maxSubhead, a.ms-rteCustom-maxSubhead:hover {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  color: #EA0817;
  text-decoration: none;
}

a.hearingAidSubhead, a.hearingAidSubhead:hover, a.ms-rteCustom-hearingAidSubhead, a.ms-rteCustom-hearingAidSubhead:hover {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  color: #FE6402;
  text-decoration: none;
}

a.specialtySubhead, a.specialtySubhead:hover, a.ms-rteCustom-specialtySubhead, a.ms-rteCustom-specialtySubhead:hover {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  color: #04469D;
  text-decoration: none;
}

a.lightingProductsSubhead, a.lightingProductsSubhead:hover, a.ms-rteCustom-lightingProductsSubhead, a.ms-rteCustom-lightingProductsSubhead:hover {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  color: #FF9D20;
  text-decoration: none;
}

a.energiToGoSubhead, a.energiToGoSubhead:hover, a.ms-rteCustom-energiToGoSubhead, a.ms-rteCustom-energiToGoSubhead:hover {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  color: #008231;
  text-decoration: none;
}

span.productsLandingSubheadDescription, .ms-rteCustom-productsLandingSubheadDescription {
  font-size: 12px;
  font-weight: normal;
  font-style: italic;  
}

img.rolloverArrow {
  padding: 0px 0px 0px 3px;
  
  vertical-align: middle;
}

img.productLandingRolloverThumbnail, img.productLandingRolloverIcon {
  padding: 0px 15px 0px 0px;
  
  vertical-align: middle;
}

div.productLandingRolloverLabel {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  color: #666666;
  text-align: right;
}



#productLandingPromoContainer 
  { margin:40px -16px 0 -16px; background:url(../images/backend/products/bg_productmodules.gif) repeat-y 0 0; width:950px; overflow:hidden; }


#productLandingPromoContainer .productLandingPromoModule .jcarousel-container      
  { padding:0; position:relative; top:0; }
#productLandingPromoContainer .productLandingPromoModule .jcarousel-clip
  { width:470px; height:auto; }
#productLandingPromoContainer .productLandingPromoModule .jcarouselstrip li 
  { width:470px; margin:0 10px 0 0; list-style:none; display:inline;  padding:0; }

#productLandingPromoContainer .productLandingPromoModule .jcarousel-prev, 
#productLandingPromoContainer .productLandingPromoModule .jcarousel-next 
  { position:absolute; top:11px; width:20px; height:64px; cursor:pointer; background-repeat:no-repeat; background-position:50% 50%; background-color:transparent; }
  
#productLandingPromoContainer .productLandingPromoModule .jcarousel-next
  { left:430px; background-image:url("../images/default/icon_arrows_next.gif"); }

#productLandingPromoContainer .productLandingPromoModule .jcarousel-prev
  { left:26px; background-image:url("../images/default/icon_arrows_prev.gif"); }
  
.jcarousel-next-disabled, .jcarousel-next-disabled:hover, .jcarousel-next-disabled:active,
.jcarousel-prev-disabled, .jcarousel-prev-disabled:hover, .jcarousel-prev-disabled:active 
  { cursor:default; }


#productLandingPromoContainer .productLandingPromoModule  
  { position:relative; padding:10px; color:#666666; font-size:11px; float:left; width:450px; overflow:hidden; }
#productLandingPromoContainer .productLandingPromoModule2 
  { margin-left:10px; }

#productLandingPromoContainer .productLandingPromoModule div.promoModuleTotal 
  { font-size:10px; position:absolute; left:25px; }
#productLandingPromoContainer .productLandingPromoModule .jcarousel-item div.index 
  { float:left; width:13px; font-size:10px; text-align:right; margin-right:40px; }
  
#productLandingPromoContainer .productLandingPromoModule .jcarousel-item div.itemimage 
  { float:left; width:184px; background:url(../images/backend/products/promo_shadow-right.gif) no-repeat right top; }
#productLandingPromoContainer .productLandingPromoModule .jcarousel-item div.itemimage div.itemimagebtm 
  { height:6px; background:url(../images/backend/products/promo_shadow-bottom.gif) no-repeat 0 0; }

  
#productLandingPromoContainer .productLandingPromoModule .jcarousel-item div.itemdesc 
  { float:left; width:180px; padding:0 5px; margin-top:18px; }
#productLandingPromoContainer .productLandingPromoModule .jcarousel-item div.itemdesc p
  { margin: 0px 0px .25em 0px; }
#productLandingPromoContainer .productLandingPromoModule .jcarousel-item div.itemdesc a * 
  { color:#E64097; }

#productLandingPromoContainer .productLandingPromoModule div.promoModuleTitle 
  { font-weight:bold; position:absolute; left:251px; }



/* pager */
.pager td {
  padding:0 5px; 
}