/****************************************************************************/
/*                                                                          */
/* Global Classes                                                           */
/*                                                                          */
/****************************************************************************/
.global
{
  font-family: Tahoma, Arial;
  color: #000000;
}

.PageFrame
{
  clear:both;
  min-height: 500px;
}
.PageFrameLeft
{
  float: left;
  background-color: #cadb2a;
  background-image: url(../custom/sf_sidenav_bottomimage.png);
  background-repeat: no-repeat;
  background-position:bottom left; 
  
}
.PageFrameMain
{
  float: left;
  width:694px;
  min-height:500px;
}
.PageFrameMainContent
{
 min-height: 500px;
 width: 660px;
 margin-left: 40px;
 background-image: url(../custom/sf_content_watermark.png);
 background-repeat: no-repeat !important;
 background-position: right bottom !important;
}
.PageHeading
{
  height: 34px;
  font-size: 18px;
  font-weight: normal;
  color: #000000;
}
.PageText
{
  padding-top: 10px;
  font-size: 12px;
  color: inherit;
  line-height: 18px;
}
/****************************************************************************/
/*                                                                          */
/* Logo Classes                                                             */
/*                                                                          */
/****************************************************************************/
.Logo
{
  width: auto !important;
  font-size: 10px !important;
  float:left;
}
.HeaderLogo
{
  vertical-align:top !important;
  /*width: 89px !important;*/
  /*height: 60px !important;*/
}
.HeaderBanner
{
  background-color: #cadb2a;
  border-top: solid 27px white;
  border-bottom: solid 43px white;
}

.HeaderBasket
{
  vertical-align:top;
  width: 228px !important;
  background-image: url(../custom/sf_basket_background.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  border-top: solid 27px white;
  color: Gray;
  font-size: 12px;
}
.Banner
{
  float: left;
  margin-left:20px;
  position: relative;
  z-index:10000;
}
/****************************************************************************/
/*                                                                          */
/* Menu Classes                                                             */
/*                                                                          */
/****************************************************************************/
.MenuBar
{
/*  background-image: url(./sf_menuback.png);
  background-repeat: repeat-x;*/
  background-color: #cadb2a !important;
  height: 25px !important;
  clear: both !important;
  width: 250px !important;
  margin-left: 390px;
  margin-top: -75px;
  margin-bottom: 50px;
}
.MenuOptions
{
  width:350px;
  margin: auto;
  height: inherit;
}
.MenuOption
{
  font-size:12px !important;
  font-weight: bold;
  float:left !important;
  background-color: Transparent !important;
  color: #FFFFFF !important;
  text-decoration:none !important;
  padding-left: 8px !important;
  padding-right:7px !important;
  padding-top:2px !important;
  text-align:center !important;
}
a.MenuOptionLink
{
  font-size:12px !important;
  font-weight: bold;
  color: #FFFFFF !important;
  text-decoration:none !important;
}
a:hover.MenuOptionLink
{
  font-size:12px !important;
  font-weight: bold;
  color: #000000 !important;
  text-decoration:none !important;
}
/****************************************************************************/
/*                                                                          */
/* Footer Classes                                                           */
/*                                                                          */
/****************************************************************************/
.FooterFrame
{
  clear:both;
  margin-top: 8px;
  border-top: Dotted 2px #cadb2a;
  text-align: center;
  color: #000000;
  width: 500px;
  margin-left:250px;
  margin-top:16px;
}
.FooterLink
{
  font-size: 10px;
  text-decoration: none;
  color: Gray;
}

/****************************************************************************/
/*                                                                          */
/* Border Classes                                                           */
/*                                                                          */
/****************************************************************************/
.Border
{
  
}

.Border_TopLeft
{
  background-image: none !important;
  background-repeat: no-repeat;
  background-position: bottom;
  width: 0px !important;
  height: 0px !important;
}
.Border_TopMid
{
  background-image: none !important;
  background-repeat: no-repeat !important;
  height: 0px !important;
}

.Border_TopRight
{
  background-image: none !important;
  background-repeat: no-repeat;
  background-position: bottom;
  width: 0px !important;
  height: 0px !important;
}
.Border_MidLeft
{
  background-image: none !important;
  background-repeat: no-repeat !important;
  width: 0px !important;
}
.Border_MidRight
{
  background-image: none !important;
  background-repeat: no-repeat !important;
  width: 0px !important;
}
.Border_BottomLeft
{
  background-image: none !important;
  background-repeat: no-repeat;
  width: 0px !important;
  height: 0px !important;
}
.Border_BottomMid
{
  background-image: none !important;
  background-repeat: no-repeat !important;
  height: 0px !important;
}
.Border_BottomRight
{
  background-image: none !important;
  background-repeat: no-repeat;
  width: 0px !important;
  height: 0px !important;
}

.Border_Contents
{
  padding: 0px 10px 0px 30px;
}
/****************************************************************************/
/*                                                                          */
/* Gradient Bar Classes                                                     */
/*                                                                          */
/****************************************************************************/
.GradientBar 
{
  padding: 0px;
  height: 0px !important;
}

.GradientBarLeft
{
  margin-top:0px !important;
  background-color: #ffffff !important;  
}

.GradientBarRight
{
  background-image: none !important;
  background-repeat: no-repeat !important;
  width:0px !important;
}
/****************************************************************************/
/*                                                                          */
/* Content Frame Classes                                                    */
/*                                                                          */
/****************************************************************************/
.ContentContainer
{
   min-height: 492px !important;
   height: 502px;
   width: 704px !important;
   background-image: url(../custom/sf_content_watermark.png);
   background-repeat: no-repeat !important;
   background-position: right bottom !important;
   background-color: Lime;
}

/****************************************************************************/
/*                                                                          */
/* Product Page Classes                                                     */
/*                                                                          */
/****************************************************************************/
.RelatedProductsFrame
{
  margin-top:20px !important;
  border: solid 1px Silver !important;
  padding: 2px 8px 8px 8px !important;
  width:370px !important;
  font-size:12px !important;
}

/****************************************************************************/
/*                                                                          */
/* Filter Classes                                                           */
/*                                                                          */
/****************************************************************************/
.FilterItem
{
  clear: both;
  padding: 2px 2px 2px 22px;
  height:16px;
  color: #000000;
  background-color: #e0e980;
  width: 220px;
}

.FilterItemName
{
  float:left;
  width:200px;
  font-size:11px; 
}
.FilterItemButton
{
  float: left;
  width:16px;
  cursor: pointer;
}
.FilterName
{
  font-size:14px;
  width: inherit;
  padding: 6px 4px 4px 17px;
  color: #000000;
  background-color: #cadb2a;
  width:224px;
  height:19px;
}

/****************************************************************************/
/*                                                                          */
/* Mini Basket Classes                                                      */
/*                                                                          */
/****************************************************************************/
.MiniBasket
{
  padding-top:0px;
  float:right;
  margin-right:40px;
  color: #000000;
  margin-top: 80px;
  height: 88px;
}
.MiniBasketRow
{
  clear:both;
  height: 14px;
}
.MiniBasketLabel
{
  float: left;
  padding-right: 10px;
  text-align:left;
  width:50px;
}
.MiniBasketValue
{
  float:left;
  text-align:right;
  font-weight:bold;
  width:60px;
}
.MiniBasketDivider
{
  /*margin-top:8px;*/
  border-bottom: dashed 1px Gray;
  width:120px;
  height:8px;
}
.MiniBasketIcon
{
  background-image:url(../custom/sf_basket_icon.png);
  background-repeat:no-repeat;
}
.MiniBasketLink
{
  color:#000000;
  font-weight:bold;
}

/****************************************************************************/
/*                                                                          */
/* Side Nav Classes                                                      */
/*                                                                          */
/****************************************************************************/
.SideNavOption
{
  background-color: #e0e980;
  padding: 2px 2px 2px 22px;
  height: 23px;
  line-height:23px;
  color: #000000;
  width:220px;
}

.SideNavOptionSelected
{
  background-image: url(../custom/sf_category_selected.png);
  background-repeat: no-repeat;
  color: #ffffff;
  padding: 2px;
  height: 23px;
  line-height:23px;
  width:206px;
}
.SideNavOptionHover
{
  background-color: #cadb2a;
  color: #ffffff;
  padding: 2px 2px 2px 22px;
  height: 23px;
  line-height:23px;
  width:214px;
}
.SideNavOptionHover a
{
  color:#ffffff;
}
.SideNavOptionSelected a{
  color: #ffffff;
}
.SideNavLink
{
  color: #000000;
  font-size: 12px;
  text-decoration: none;
  position:relative;
}
.SideNavLinkSelected
{
  color: #ffffff;
  font-size: 12px;
  text-decoration: none;
  position:relative;  
}
.SideNavInner
{
  width:246px;
  margin: 0px 0px 0px 1px;
}
.SideNavFrameTop
{
  background-image: url(../custom/sf_category_frame_top.png);
  background-repeat: no-repeat;
  width:246px;
  height:0px;
}

.SideNavFrameMid
{
  width:246px;
  min-height: 500px;
/*  background-color: #cadb2a;
  background-image: url(../custom/sf_sidenav_bottomimage.png);
  background-repeat: no-repeat;
  background-position:bottom left; 
*/  
}

.SideNavFrameBot
{
  width:246px;
  height:1px;
  margin-top:-1px;
}
.SideNav
{
  width:240px;
  background-color: #cadb2a;
  background-image: url(../custom/sf_sidenav_bottomimage.png);
  background-repeat: no-repeat;
  background-position:bottom left; 
  
}
.SideNavHeading
{
  font-size: 24px;
  color: Gray;
  margin-top: 10px;
  margin-bottom: 10px;
}

.SideNavOptionHost
{
  height: 20px;
  --background-color: red;
  
}
.SideNavBottomImage
{
  height: 100px;
  width: 240px;
}
/*****************************************************************************/
/*                                                                           */
/* Product Page Classes                                                                           */
/*                                                                           */
/*****************************************************************************/
.ProductDetailsContainer
{
  width: 100%;
  min-height: 500px;
  margin-left: 30px;
}
.ProductThumbsArea
{
  width: 100px;
}
.BackToListingsContainer
{
  height:25px;
}
.ProductBackToListing
{
  font-size: 14px;
  color: Gray;
  text-decoration:none;
}

.ProductImageArea
{
  min-height: 400px;
  width: 350px;
}
.ProductImageContainer
{
  margin-left: 10px;
}
/*****************************************************************************/
/*                                                                           */
/* Promo Code Control Classes                                                */
/*                                                                           */
/*****************************************************************************/
.PromoCode
{
}
.PromoCodeContainer
{
  position:relative;
  clear:both;
  background-color:#ffffff;
  text-align:left;
  border: solid 1px Gray;
  font-size: 12px;
  width: 400px;
}
.PromoCodeOuterPanel
{
  padding: 8px 8px 8px 8px;
}
.PromoCodeInnerPanel
{
  min-height: 50px;
}
.PromoCodeProgressPanel
{
  position: absolute;
  background-image: url(sf_progress_background.png);
  background-repeat: repeat;
  z-index: 999;
}

.PromoCodeErrorPanel
{
  margin: 10px 10px 10px 10px;
  padding: 4px;
  border: solid 1px Silver;
}
.PromoCodeAcceptedPanel
{
  margin: 10px 10px 10px 10px;
  padding: 4px;
  border: solid 1px Silver;
}

.PromoCodeProgressPanelCenter
{
  display:block;
  position: relative;
  width: 180px;
  height: 32px;
  font-size: 20px;
  background-image: url(sf_progress_background.png);
  border: solid 1px #333;
  color: #333;
}
.PromoCodeProgressPanelCenter div
{
  float:left;
  padding-top: 4px;
  margin-left: 14px;
}