/**** Styles Specifically for the Product Page of the Products Section ****/

/* Columns */
div.col1, div.col2 { float:left; }
div.col1
{
  margin-right:20px;
  width:553px;
}
div.col2 { width:154px; }

/* Title Sizing */
h1.title
{
  height:56px;
  width:553px;
}

/* Title Image Definitions */
#congratulationsTitle { background-image:url(/products/images/congratulations-title.gif); }

/* Blue Title Under Main Title */
h2.blueTitle
{
  margin-bottom:10px;
  padding:2px;
  background:#0092dd;
  font-size:15pt;
  font-weight:bold;
  color:white;
}

/* Image Table */
table.productImages
{
  float:right;
  margin:0 0 10px 10px;
}
td.productImageThumbs, td.productImageActive { vertical-align:bottom; }
td.productImageThumbs a:link, td.productImageThumbs a:visited
{
  display:block;
  margin-top:5px;
}
td.productImageMiddle
{
  width:10px;
  overflow:hidden;
}
td.productImageActive div
{
  position:relative;
  height:154px;
  width:224px;
  overflow:hidden;
}
td.productImageActive a:link, td.productImageActive a:visited
{
  display:none;
  position:absolute;
  left:0;
  top:0;
}
td.productImageActive a.active:link, td.productImageActive a.active:visited { display:block; }

/* Tab Menu */
div.tabMenu { padding-top:30px; }
div.tabMenu a:hover span.tabText { color:#0092dd; }
div.tabMenu li.ui-tabs-selected a:link span.tabText, div.tabMenu li.ui-tabs-selected a:visited span.tabText { color:#fff; }
div.tabPanel { font-size:12px; }
div.tabPanel div.divider div { height:2px; }

/* Features Columns */
div.features1, div.features2 { float:left; }
div.features1
{
  margin-right:10px;
  width:360px;
}
div.features2 { width:183px; }

/* Bed Photo Rollover */
a.bed:link, a.bed:visited
{
  display:block;
  height:122px;
  width:183px;
  background:transparent no-repeat top left;
}
a.bed:hover { background-position:bottom left; }
a.bed span { display:none; }
a#prodigy:link, a#prodigy:visited { background-image:url(/products/images/prodigy-bed.jpg); }
a#scape:link, a#scape:visited { background-image:url(/products/images/scape-bed.jpg); }
a#optima:link, a#optima:visited { background-image:url(/products/images/optima-bed.jpg); }
a#lifestyles:link, a#lifestyles:visited { background-image:url(/products/images/lifestyles-bed.jpg); }
a#silhouette:link, a#silhouette:visited { background-image:url(/products/images/silhouette-bed.jpg); }
a#promotion:link, a#promotion:visited { background-image:url(/products/images/promotion-bed.jpg); }
a#profile:link, a#profile:visited { background-image:url(/products/images/profile-bed.jpg); }
a#adjustamagic:link, a#adjustamagic:visited { background-image:url(/products/images/adjustamagic-bed.jpg); }
a#shipshape:link, a#shipshape:visited { background-image:url(/products/images/shipshape-bed.jpg); }

/* Features Menu */
div.featuresMenu, div.featuresMenu a:link, div.featuresMenu a:visited { color:#00b9e1; }
div.featuresMenu
{
  padding:5px;
  border:1px solid #99ccff;
  line-height:1.5em;
}

/* Manuals Columns */
#tab2 { padding-top:30px; }
div.manuals1, div.manuals2 { float:left; }
div.manuals1
{
  margin-right:30px;
  width:381px;
}
div.manuals2 { width:142px; }

/* Hand Control Columns */
#tab3 { padding-top:15px; }
div.hc1, div.hc2 { float:left; }
div.hc1
{
  margin-right:15px;
  width:83px;
}
div.hc1 div.hc
{
  height:280px;
  width:83px;
  overflow:hidden;
  background:transparent no-repeat top left;
}
div.hc2 { width:455px; }

/* Warranty Table */
#warrantyTable { width:553px; }
#warrantyTable td, #warrantyTable a:link, #warrantyTable a:visited
{
  font-size:11px;
  color:#fff;
}
td.warrantyCol, td.warrantyCol a:link, td.warrantyCol a:visited { color:#464646; }

/* "Find Your Bed" Elements */
div.findHeader
{
  margin-bottom:5px;
  padding:5px;
  background:#0092dd;
  color:white;
  cursor:hand;
  cursor:pointer;
}
div.findOptions
{
  display:none;
  padding:5px 4px 10px 4px;
  border-width:0 1px;
  border-style:solid;
  border-color:#b7aa9b;
  background:#f2efec url(/products/images/findoptions-bottom.gif) repeat-x bottom;
  font-size:11px;
  text-align:center;
}
a.findRoll:link, a.findRoll:visited
{
  display:block;
  height:23px;
  width:154px;
  overflow:hidden;
  border-top:1px solid #c6bbaf;
  background:transparent url(/products/images/find-rollover.gif) no-repeat top left;
}
a.findRoll span { display:none; }
div.findLinks, div.findLinks a:link, div.findLinks a:visited { font-size:12px; }
div.findLinks
{
  margin-bottom:10px;
  padding:10px;
  border:1px solid #0397d6;
  line-height:1.5em;
  text-align:center;
}

/* "Find Your Bed" Options */
div.findOptions select
{
  width:144px;
  font-size:12px;
}

/* "Find Your Bed" Matches */
div.matches, div.matches a:link, div.matches a:visited { font-size:12px; }
div.matches
{
  margin-bottom:5px;
  padding:5px;
  background:#fff url(/products/images/matches-background.gif) repeat-y left;
}
div.matches a:link, div.matches a:visited { line-height:18px; }
strong.matches-heading { font-size:14px; }

/* "Print This Bed" Link */
div.printBed
{
  padding:10px 0;
  text-align:center;
}
div.printBed a:link, div.printBed a:visited
{
  display:block;
  margin:0 auto;
  height:22px;
  width:123px;
  overflow:hidden;
  background:url(/products/images/print.gif) no-repeat top left;
}
div.printBed a:hover { background-position:bottom left; }
div.printBed span { display:none; }

/* Learning Center Menu */
#learning, #learning a:link, #learning a:visited { font-size:12px; }
#learning { border:1px solid #ebe8e2; }
#learning-heading, #learning-content
{
  padding:5px;
  text-align:center;
}
#learning-heading
{
  background:#ebe8e2;
  font-size:16px;
}
#learning-content p { padding-bottom:5px; }

/* comparison chart thumbnail link */
a#compare:link, a#compare:visited
{
  display:block;
  height:366px;
  width:534px;
  overflow:hidden;
  border-width:1px 0 0 1px;
  border-style:solid;
  border-color:#897967;
  background:url(/images/compare/thumbnail.gif) no-repeat top left;
  text-decoration:none;
}
a#compare:hover { background-position:bottom left; }