﻿
#families
{  
  padding-bottom: 4px;
  background-color: #e6e5e1;
  width: 796px;
  height: 209px;
}

#families p
{
  margin: 0;
  padding: 0;
  background-color: #e6e5e1;
}

#families p a
{
  float: left;
}

a.familyOverThePost, a.familyPostToPost, a.familyForgedIron, a.familyBoxNewels, a.familyTruline, a.familyWonderail, a.familyAccessories
{
  display: block;
  width: 112px;
  height: 209px;
}

a.familyOverThePost
{
  background: url("familyOverThePost.jpg") 0 -418px no-repeat;
}

a.familyPostToPost
{
  background: url("familyPostToPost.jpg") 0 -418px no-repeat;
}

a.familyForgedIron
{
  background: url("familyForgedIron.jpg") 0 -418px no-repeat;
}

a.familyBoxNewels
{
  background: url("familyBoxNewels.jpg") 0 -418px no-repeat;
}

a.familyTruline
{
  background: url("familyTruline.jpg") 0 -418px no-repeat;
}

a.familyWonderail
{
  background: url("familyWonderail.jpg") 0 -418px no-repeat;
}

a.familyAccessories
{
  background: url("familyAccessories.jpg") 0 -418px no-repeat;
}

a.familyOverThePost:hover, a.familyPostToPost:hover, a.familyForgedIron:hover, a.familyBoxNewels:hover, a.familyTruline:hover, a.familyWonderail:hover, a.familyAccessories:hover
{
  background-position: 0 0;
}

a.currentFamily:link, a.currentFamily:visited, a.currentFamily:hover
{
  background-position: 0 -209px;
}

a.familyOverThePost span, a.familyPostToPost span, a.familyForgedIron span, a.familyBoxNewels span, a.familyTruline span, a.familyWonderail span, a.familyAccessories span
{
  display: none;
}

#familySummary p
{
  padding-top: 12px;
  width: 794px;
  border-top: 1px solid #bcb8b5;
  color: #2a150d;
  background-color: Transparent;
  font-size: 12px;
}

#styles
{
  padding: 8px 0 8px 0;
  border-top: 1px solid #bcb8b5;
  border-bottom: 1px solid #bcb8b5;
  width: 796px;
}

#styles p
{
  display: inline;
  margin: 0;
  padding: 0;
  font-size: 12px;
  background-color: Transparent;
}

#styles a
{
  display: block;
  float: left;
  width: 159px;
  height: 46px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  background-color: Transparent;
}

#styles span
{
  position: absolute;
  top: 12px;
  left: 12px;
  cursor: pointer;
  background-color: Transparent;
}

#styles a:link, #styles a:visited
{
  background: transparent url("familyBkgd.gif") 0 -46px no-repeat;
  color: #e6e5e1;
  text-decoration: none;
}

#styles a:hover, #styles #current
{
  color: #e6e5e1;
  background: transparent url("familyBkgd.gif") 0 0 no-repeat;
}

#styleDetails
{
  width: 796px;
  border-top: 1px solid #bcb8b5;
  border-bottom: 1px solid #bcb8b5;
  clear: both;  
  min-height: 180px;
  height:auto !important;
  height: 180px;
}