body{background-image:url(bg.jpg);}
#skinbg{background-image:url(head_bg.gif);}
#ffbody{background-image:url(bg_shim.gif);}
#maintable td.rt_whatshot{background-image:url(rt_whatshot.gif);}
#maintable td.rt_shim{background-image:url(rt_shim.gif);}
#maintable td.rt_youracct{background-image:url(rt_youracct.gif);}
#maintable td.rt_btm{background-image:url(rt_btm.gif);}
#maintable td.rt_shop_top_crv{background-image:url(rt_shop_top_crv.gif);}
#maintable td.rt_shop_top{background-image:url(rt_shop_top.gif);}
#maintable td.rt_shop_products{background-image:url(rt_shop_shim.gif);}
#maintable td.rt_shop_shim{background-image:url(rt_shop_shim.gif);}
#maintable td.rt_shop_btm{background-image:url(rt_shop_btm.gif);}
/*div#shop_header{background-image:url(../../product/shop_bag.jpg);}*/
/* div#shop_header{background-image:url(shop_headbg_tile.jpg);} */
td.store_locator{background-image:url(storeLocator_bg.gif);}
div#productListing td.prod{background-image:url(shop_whtbg_sm.gif);}
#footer{background-image:url(footer_bg.gif);}
/* #footer #btm_tables{background-image:url(bg_shim.gif);} */
/* #footer td.accent{background-image:url(ft_accent.jpg);} */
#footer table.showcase{background-image:url(ft_showcase.jpg);}

#productListing /* FW 07-10-12 */{
	overflow:auto;
}

/*  ////////  Product Background Images  -- Large will probably not be used since the Large image will be a JPG  with NO transparencies   //////// */
div#sidebar td.shop_sb_img {background-image:url(shop_sb_shadow.gif);}
 #productListing table td.prod_img{background:transparent url(shop_whtbg_med.gif) top center no-repeat;text-align:center;}
 #productListing table td.prod_img_lg{background:transparent url(shop_whtbg_lg.gif) top center no-repeat;text-align:center;}
 #productListing table td.prod{background:transparent url(shop_whtbg_sm.gif) top center no-repeat;text-align:center;}

/* Checkout STEPS  */

/*  ////////  Basic Square w/ Number  //////// */
 .steps ol li a.one { background: url(step1.gif) top left no-repeat;}
 .steps ol li a.two { background: url(step2.gif) top left no-repeat;}
 .steps ol li a.three { background: url(step3.gif) top left no-repeat;}
 .steps ol li a.four { background: url(step4.gif) top left no-repeat;}
 .steps ol li a.five { background: url(step5.gif) top left no-repeat;}
 
/*  ////////  HOVER STATE of Square w/ Number  //////// */
 .steps ol li a:hover.one { background: url(step1-ov.gif) top left no-repeat;}
 .steps ol li a:hover.two { background: url(step2-ov.gif) top left no-repeat;}
 .steps ol li a:hover.three { background: url(step3-ov.gif) top left no-repeat;}
 .steps ol li a:hover.four { background: url(step4-ov.gif) top left no-repeat;}
 .steps ol li a:hover.five { background: url(step5-ov.gif) top left no-repeat;}

/*  ////////  ACTIVE STATE of Square w/ Number  //////// */ 
 #ffbody li a:link.one span.stepNumber, #ffbody li a:visited.one span.stepNumber { background: url(step1-ov.gif) top left no-repeat; }
  #ffbody li a:link.two span.stepNumber, #ffbody li a:visited.two span.stepNumber { background: url(step2-ov.gif) top left no-repeat; }
   #ffbody li a:link.three span.stepNumber, #ffbody li a:visited.three span.stepNumber { background: url(step3-ov.gif) top left no-repeat; }
    #ffbody li a:link.four span.stepNumber, #ffbody li a:visited.four span.stepNumber { background: url(step4-ov.gif) top left no-repeat; }
	 #ffbody li a:link.five span.stepNumber, #ffbody li a:visited.five span.stepNumber { background: url(step5-ov.gif) top left no-repeat; }

