/**** Styles Specifically for the "Find Your Bed" Section ****/

/* Page Container */
div.container, div.container td { line-height:18px; }
div.container { width:685px; }

/* Titlebar */
div.titlebar
{
  position:relative;
  margin-bottom:5px;
  height:85px;
  width:685px;
  overflow:hidden;
  background:transparent url(/find/images/titlebar.gif) no-repeat top left;
}

/* Circles */
div.circle
{
  height:54px;
  width:54px;
  overflow:hidden;
  background:transparent url(/find/images/number-circle.png) no-repeat top left;
  font-size:32px;
  line-height:54px;
  text-align:center;
  color:#fff;
}
div.smallCircle
{
  height:18px;
  width:18px;
  overflow:hidden;
  background:transparent url(/find/images/small-circle.png) no-repeat top left;
}

/* Circles Inside Titlebar */
div.titlebar div.circle, div.titlebar div.smallCircle { position:absolute; }
div.titlebar div.circle
{
  left:20px;
  top:20px;
}
div.titlebar div.smallCircle
{
  left:10px;
  top:38px;
}

/* Title Inside of Titlebar */
div.titlebar h1
{
  padding:24px 130px 0 38px;
  font-size:16px;
  line-height:45px;
  color:#000;
}
div.titlebar h1.step { padding-left:84px; }

/* Submenu Under Titlebar */
div.titleMenu
{
  margin-bottom:20px;
  padding-bottom:20px;
  border-bottom:4px solid #e6f1fa;
}

/* Inner Table for Questions and the Filterable Menu */
#steps { width:685px; }

/* Questions Area */
#steps-questions-outer
{
  padding-right:10px;
  width:533px;
}
#steps-questions-inner
{
  position:relative;
  border-bottom:4px solid #e6f1fa;
}

/* Beds Menu */
#steps-beds
{
  width:140px;
  border-left:2px solid #e6f1fa;
}
#steps-beds-inner { position:relative; }
#steps-beds ul
{
  list-style-type:none;
  padding:5px 8px 10px;
  border-bottom:1px solid #c1c1c1;
  background:#efefef url(/find/images/beds-background.gif) repeat-y right;
}
#steps-beds li { padding:0; }
#steps-beds a:link, #steps-beds a:visited { font-size:13px; }
#steps-beds-heading
{
  padding:5px 8px;
  border-bottom:1px solid #c1c1c1;
  background:#efefef url(/find/images/beds-background.gif) repeat-y right;
  font-size:15px;
}

/* Individual Steps */
div.step
{
  padding:10px 0;
  border-top:4px solid #e6f1fa;
}
div.step-number
{
  float:left;
  padding-right:9px;
  height:40px;
  width:41px;
  background:url(/find/images/medium-circle.gif) no-repeat top left;
  font-size:28px;
  line-height:40px;
  text-align:center;
  color:#fff;
}
div.step-number-error
{
  float:left;
  padding-right:9px;
  height:40px;
  width:41px;
  background:url(/find/images/medium-circle-error.gif) no-repeat top left;
  font-size:28px;
  line-height:40px;
  text-align:center;
  color:#fff;
}
div.step h2
{
  float:left;
  padding:0 55px 10px 0;
  width:420px;
  background:no-repeat top right;
  font-size:24px;
  line-height:45px;
}
#heading-step1
{
  padding-right:105px;
  width:370px;
  background-image:url(/find/images/step1-logo.gif);
}
#heading-step2 { background-image:url(/find/images/step2-logo.gif); }
#heading-step3 { background-image:url(/find/images/step3-logo.gif); }
#heading-step4 { background-image:url(/find/images/step4-logo.gif); }

/* Choices Table */
table.choices { width:525px; }
table.choices td.radio { padding-right:10px; }
table.choices td.text { padding-bottom:20px; }
table.choices td.choice { padding-bottom:5px; }

/* Put Spacing Between Buttons */
button.floatLeft, a.floatLeft { margin-right:20px; }
button.floatRight, a.floatRight { margin-left:20px; }

/* Previous Button */
a.previousButton:link, a.previousButton:visited
{
  display:block;
  height:20px;
  width:72px;
  overflow:hidden;
  background:transparent url(/find/images/previousButton.gif) no-repeat top left;
}
a.previousButton span { display:none; }

/* Next Button */
button.nextButton
{
  display:block;
  height:20px;
  width:72px;
  overflow:hidden;
  background:transparent url(/find/images/nextButton.gif) no-repeat top left;
}
button.nextButton span { display:none; }

/* Success Message Box */
#success
{
  margin-bottom:5px;
  padding:3px;
  border-width:1px 0;
  border-style:solid;
  border-color:#99cc99;
  background:#e2f9e3 url(/find/images/success-background.gif) repeat-y right;
  font-size:13px;
  color:#267f26;
}
/*#success a:link, #success a:visited { color:#267f26; }*/

/* "Start Over" Button */
div.start-over { padding:5px 0; }
div.start-over a:link, div.start-over a:visited
{
  display:block;
  padding:3px 0;
  width:140px;
  overflow:hidden;
  border-width:1px 0;
  border-style:solid;
  border-color:#c1c1c1;
  background:#efefef url(/find/images/beds-background.gif) repeat-y right;
  text-align:center;
  text-decoration:none;
  color:#666;
}
div.start-over a:hover
{
  background:#fff url(/find/images/beds-background-over.gif) repeat-y right;
  color:#0000ff;
}

/* "Large" Next Button */
button.nextButtonLarge
{
  height:68px;
  width:119px;
  overflow:hidden;
  background:transparent url(/find/images/findButton.gif) no-repeat top left;
}
button.nextButtonLarge span { display:none; }

/* Locator Search Box */
#locator
{
  padding:5px 3px;
  border-width:1px 1px 1px 0;
  border-style:solid;
  border-color:#c9c9c9;
  font-size:12px;
  line-height:16px;
  text-align:center;
}
#locator-input { padding:3px 0; }
#locator input
{
  border:3px solid #0096d6;
  font-size:11px;
}

/* "Find Out More" Link Tables */
td.findoutmore { text-align:right; }
td.findoutmore table { margin-left:auto; }
td.findoutmore td
{
  padding-right:5px;
  text-align:left;
}
td.findoutmore a.question:link, td.findoutmore a.question:visited
{
  display:block;
  height:61px;
  width:88px;
  overflow:hidden;
  background:no-repeat top left;
  text-decoration:none;
}
td.findoutmore a.question:hover { background-position:bottom left; }
a#question1:link, a#question1:visited { background-image:url(/find/images/question1.jpg); }
a#question2:link, a#question2:visited { background-image:url(/find/images/question2.jpg); }
a#question3:link, a#question3:visited { background-image:url(/find/images/question3.jpg); }
a#question4:link, a#question4:visited { background-image:url(/find/images/question4.jpg); }