﻿body 
{
  width: 940px;
  margin-right: auto;
  margin-left: auto;
  font-family: Tahoma, Arial;
  color: Gray;
}

.Logo
{
  width: 210px;
  font-size: 10px;
}

.HeaderSpacer
{
  background-color: #FFFFFF;
  color: #FFFFFF;
  width: 0px;
}
.HeaderLogo
{
  width :210px;
  vertical-align:top;
}
/****************************************************************************/
/*                                                                          */
/* Content Frame Classes                                                             */
/*                                                                          */
/****************************************************************************/
.ContentFrame
{
  margin-top: 18px;
  border: Solid 1px #663366;
  height: 480px;
}



.HomePage
{
  --background-image: url(../images/hb_home.jpg);
  --background-repeat: no-repeat;
  width: 742px;
  height: 418px;
  text-align: right;
}
.HomeSideNav
{
  width:174px;
}

/*****************************************************************************/
/*                                                                           */
/* Product Page Classes                                                      */
/*                                                                           */
/*****************************************************************************/
.ProductFrameHeader
{
  padding: 4px;
}
.ProductImageFrame
{
  width: 311px;
  height: 427px;
  background-image: url(../images/hb_sampleprod.jpg);
  background-repeat: no-repeat;
}
.ProductDesignerName
{
  font-size: 14pt;
  font-weight: bold;
}
.ProductName
{
  font-size: 12pt;
  color: inherit;
}
.ProductCode
{
  font-size: 11px;
}
.ProductPrice
{
  font-size: 10pt;
}
.ProductPriceInSale
{
  text-decoration: line-through;
}
.ProductSalePrice
{
  margin-left:6px;
  color: Red;
  font-weight: bold;
}
.ProductPriceLabel
{
  font-size: 10pt;
  font-family:Century;
  color: inherit;
}
.ProductNarrativeTabs
{
  width: 400px;
}
.ProductNarrativeTabNormal
{
  background-color: #E9E9E9;
  border: Solid 1px #663366;
  width: 80px;
  text-align: center;
  font-size: 12px;
  height: 26px;
}
.ProductNarrativeTabSelected
{
  background-color: #FFFFFF;
  border: Solid 1px #663366;
  border-bottom: 0px;
  width: 80px;
  text-align: center;
  font-size: 12px;
  height: 26px;
}
a.ProductNarrativeTabLink
{
  text-decoration: none;
  color: #000000;
}
.ProductNarrativeTabSpacer
{
 border-bottom : Solid 1px #663366;
 border-right: 0px;
}
.ProductNarrativeTabsBody
{
  margin-top: 8px;
  width: 380px;
  height: 160px;
}
.ProductNarrativeTabsInner
{
  height: 140px;
}
.ProductNarrativeText
{
  font-size: 11px;
}
.ProductNarrativeList
{
  font-size: 11px;
}
.ProductThumbContainer
{
  width:75px;
  border: solid 1px #cccccc;
  padding: 6px 6px 6px 6px;
}
.ProductThumbImage
{
  width :75px;
  margin-bottom: 1px;
  cursor:pointer;
}

.ListBrandText
{
  font-size:12px;
  font-weight: bold;
}
.ListProductText
{
  font-size:12px;
}
.ListProductPrice
{
  font-size:12px;
  text-align: left;
}
.ListProductPriceInSale
{
  font-size:12px;
  text-decoration: line-through;
  text-align: left;
}
.ListProductSalePrice
{
  --margin-left: 4px;
  color: Red;
  font-weight: bold;
  font-size:12px;
}
.ListProductImage
{
  width: 140px;
  height: 180px;  
  --text-align:center;
}
.ListPager
{
  font-size: 11px;
  color: inherit;
  text-decoration: none;
}
.ProductImageFrame_tl
{
  background-image: url(../images/sf_border_tl.png);
  background-repeat: no-repeat;
  background-position: right;
  width: 3px;
  height: 8px;
}
.ProductImageFrame_t
{
  background-image: url(../images/sf_border_tm.png);
  background-repeat: repeat-x;
  height: 8px;
}
.ProductImageFrame_tr
{
  background-image: url(../images/sf_border_tr.png);
  background-repeat: no-repeat;
  width: 8px;
  height: 8px;
}
.ProductImageFrame_l
{
  background-image: url(../images/sf_border_ml.png);
  background-repeat: repeat-y;
  background-position:right;
  width: 3px;
}
.ProductImageFrame_m
{
 padding: 1px 4px 4px 4px;
}
.ProductImageFrame_r
{
  background-image: url(../images/sf_border_mr.png);
  background-repeat: repeat-y;
  background-position:left;
  width: 8px;
}
.ProductImageFrame_bl
{
  background-image: url(../images/sf_border_bl.png);
  background-repeat: no-repeat;
  background-position: right top;
  width: 3px;
  height: 8px;
}
.ProductImageFrame_b
{
  background-image: url(../images/sf_border_bm.png);
  background-repeat: repeat-x;
  height: 8px;
}
.ProductImageFrame_br
{
  background-image: url(../images/sf_border_br.png);
  background-repeat: no-repeat;
  background-position: left top;
  width: 8px;
  height: 8px;
}
.BasketDesignerName
{
  font-size: 14pt;
  font-weight: bold;
}
.BasketProductText
{
  font-size: 10pt;
}
.BasketProductPrice
{
  font-size: 10pt;
}
.BasketProductPriceInSale
{
  font-size: 10pt;
  text-decoration: line-through;
}
.BasketProductSalePrice
{
  font-size: 10pt;
  color: Red;
  font-weight: bold;
}
.BasketHeader
{
  font-size: 10pt;
  color: inherit;
  --padding-top: 10px;
  --margin-bottom: 10px;  
}
.BasketFooter
{
  font-size: 10pt;
  font-weight: normal;
  color: inherit;
  padding-top: 10px;
  margin-bottom: 10px;  
}
.FormLabel
{
  text-align: right;
  font-size: 10pt;
  font-weight: normal;
  color: inherit;
}
h1
{
  margin-top: 10px;
  font-size: 18px;
  font-weight: normal;
  color: inherit;
}
.SignupMessage
{
  font-size: 12px;
  font-weight: normal;
  color: inherit;

}
.LoginHeading
{
  font-size: 16px;
  color: #000000;
  font-weight: bold;
}
.LoginText
{
  font-size: 12px;
  color: #000000;
}
.LoginSection
{
  background-color: #f9f2f9;
  width:97%;
  padding:12px; 
  margin-top: 12px;
}
.LoginFrame
{
  border: Solid 1px #979967;
  width: 250px;
  padding: 10px;
  margin-top: 20px;
}
.LoginErrorMessage
{
  color: Red;
  font-size: 11px;
  font-weight: bold;
}
.TabEnd_L_Active
{
  background-image: url(../custom/sf_tabend_l_active.png);
  background-repeat: no-repeat;
  width: 7px;
  height: 31px;
}
.TabMid_Active
{
  background-image: url(../custom/sf_tabmid_active.png);
  background-repeat: repeat-x;
  height: 31px;
  text-align: center;
  font-size: 12px;
  width: 100px;
}
.TabEnd_R_Active
{
  background-image: url(../custom/sf_tabend_r_active.png);
  background-repeat: no-repeat;
  width: 7px;
  height: 31px; 
}
.TabEnd_L_Inactive
{
  background-image: url(../custom/sf_tabend_l_inactive.png);
  background-repeat: no-repeat;
  width: 7px;
  height: 31px;
}
.TabMid_Inactive
{
  background-image: url(../custom/sf_tabmid_inactive.png);
  background-repeat: repeat-x;
  height: 31px;
  text-align: center;
  font-size: 12px;
  width: 100px;
}
.TabEnd_R_Inactive
{
  background-image: url(../custom/sf_tabend_r_inactive.png);
  background-repeat: no-repeat;
  width: 7px;
  height: 31px; 
}
.Tab_Spacer
{
  background-image: url(../custom/sf_tab_spacer.png);
  background-repeat: repeat-x;
  height: 31px;
}
.Tab_SpacerEnd
{
  background-image: url(../custom/sf_tab_spacerend.png);
  background-repeat: no-repeat;
  height: 31px;
}
.TabBody_L
{
  background-image: url(../custom/sf_tabbody_l.png);
  background-repeat: repeat-y;
  width: 5px;
}
.TabBody_R
{
  background-image: url(../custom/sf_tabbody_r.png);
  background-repeat: repeat-y;
  width: 7px;
}
.TabBody_BL
{
  background-image: url(../custom/sf_tabbody_bl.png);
  background-repeat: no-repeat;
  width: 2px;
  height: 7px;
}
.TabBody_BR
{
  background-image: url(../custom/sf_tabbody_br.png);
  background-repeat: no-repeat;
  width: 7px;
  height: 7px;
}
.TabBody_B
{
  background-image: url(../custom/sf_tabbody_b.png);
  background-repeat: repeat-x;
  height: 7px;
}
.PageFrameNoWatermark
{
  --background-image: url(../images/hb_pagewatermark.jpg);
  --background-repeat: no-repeat;
  --background-position: right bottom;
  width: 100%;
  --margin-top: 18px;
}
.PageBorder
{
  --border-left: solid 1px #c1acc1;
  --border-right: solid 1px #c1acc1;
  --border-bottom: solid 2px #663366;
  padding-bottom: 8px;
}
.FooterFrame
{
  margin-top: 8px;
  border-top: Dashed 1px #cccccc;
  text-align: center;
  color: #000000;
  width: 100%;
}
.FooterLink
{
  font-size: 10px;
  text-decoration: none;
  color: Gray;
}
.SaleLogo
{
  margin-top: 20px;
  vertical-align: bottom;
}
.LogoText
{
  color: #333333;
  font-size: 10px;
}
.AboutUsHeading
{
  height: 34px;
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
  color: #979967;
}
.AboutUsText
{
  padding-top: 10px;
  font-size: 12px;
  color: inherit;
  line-height: 18px;
}
.AboutUsLink
{
  font-size: 12px;
  color: inherit;
}
.ContactUsHeading
{
  height: 34px;
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
  color: inherit;
}
.ContactUsText
{
  font-size: 12px;
  color: inherit;
}
.ContactUsLink
{
  font-size: 12px;
  color: inherit;
}
.HomePageText
{
  font-size: 12px;
  color: #979967;
}
.TermsHeading
{
  height: 34px;
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
  color: #979967;
}
.TermsText
{
  font-size: 12px;
  color: #979967;
}
.TermsLink
{
  font-size: 12px;
  color: #979967;
}

.OrderHeading
{
  height: 34px;
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
  color: inherit;
}
.OrderText
{
  font-size: 12px;
  color: inherit;
}
.OrderLink
{
  font-size: 12px;
  color: inherit;
}

/****************************************************************************/
/*                                                                          */
/* Gradient Bar Classes                                                     */
/*                                                                          */
/****************************************************************************/
.GradientBar 
{
 padding: 0px;
  height: 1px;
}

.GradientBarLeft
{
  margin-top:10px;
  background-color: #2D4061;  
}

.GradientBarRight
{
  background-image: url(../custom/sf_grad210.png);
  background-repeat: repeat-y;
  width:210px;
}

.producthometext
{
	font-size: 12px;
	font-weight: normal;
	color: inherit;
}

.Border
{
  
}

.Border_TopLeft
{
  background-image: url(../images/sf_border_tl.png);
  background-repeat: no-repeat;
  background-position: bottom;
  width: 3px;
  height: 8px;
}
.Border_TopMid
{
  background-image: url(../images/sf_border_tm.png);
  background-repeat: repeat-x;
  height: 3px;
}

.Border_TopRight
{
  background-image: url(../images/sf_border_tr.png);
  background-repeat: no-repeat;
  background-position: bottom;
  width: 8px;
  height: 8px;
}
.Border_MidLeft
{
  background-image: url(../images/sf_border_ml.png);
  background-repeat: repeat-y;
  width: 3px;
}
.Border_MidRight
{
  background-image: url(../images/sf_border_mr.png);
  background-repeat: repeat-y;
  width: 8px;
}
.Border_BottomLeft
{
  background-image: url(../images/sf_border_bl.png);
  background-repeat: no-repeat;
  width: 3px;
  height: 8px;
}
.Border_BottomMid
{
  background-image: url(../images/sf_border_bm.png);
  background-repeat: repeat-x;
  height: 8px;
}
.Border_BottomRight
{
  background-image: url(../images/sf_border_br.png);
  background-repeat: no-repeat;
  width: 8px;
  height: 8px;
}

.BorderedImage
{
  padding: 1px;
  border: solid 1px #663366;
}
.StaticCategoryLink
{
  font-size: 14px;
  text-decoration:none;
  color: inherit;
}

.CategoryPageTagLine
{
  padding: 12px 0px 12px 0px;
  font-size: 16px;
  font-style: italic;
  padding-right: 20px;
}

.CategoryPageContent
{
  vertical-align:top;
  font-size: 12px;
  font-style: normal;
  padding-bottom :12px;
  height: 111px;
  padding-right: 20px;
}

.RelatedProductsFrame
{
  margin-top:20px;
  border: solid 1px #cccccc;
  padding: 2px 8px 8px 8px;
  width:370px;
  font-size:12px;
}
.RelatedProductHeading
{
  font-size:14px;
  margin-bottom:4px;
}

.RelatedProductItem
{
  clear:both;
  min-height:40px;
}

.RelatedProductImageContainer
{
  float:left;
  margin-right: 10px;
}
.RelatedProductImage
{
  width:45px;
}
.RelatedProductDetailContainer
{
  float:left;
}
.RelatedProductText
{
  width:210px;  
}
.RelatedProductSavings
{
  font-weight:bold;
}
.RelatedProductPriceContainer
{
  float:left;
}
.RelatedProductPrice
{
  width: 100px;
  text-align:right;
}

