/**** By Tag ****/

/* text styles for document body and table cells */
body, td, th
{
  font:normal normal 13px/1.3 Helvetica,Arial,sans-serif;
  color:#fff;
}
body
{
  padding:8px;
  background:#000;
  text-align:center;
}

/* headings */
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
h1 { font-size:2em; }
h2 { font-size:1.43em; }
h3 { font-size:1.23em; }
h4 { font-size:1.14em; }
h5, h6 { font-size:1.07em; }

/* subscript and superscript */
sub, sup { font-size:75%; }
sub { vertical-align:bottom; }
sup { vertical-align:top; }

/* lists */
ol, ul { overflow:hidden; }
ol
{
  list-style-type:upper-roman;
  padding-left:25px;
}
ol ol { list-style-type:upper-alpha; }
ol ol ol { list-style-type:decimal; }
ol ol ol ol { list-style-type:lower-roman; }
ol ol ol ol ol { list-style-type:lower-alpha; }
ul
{
  list-style-type:disc;
  padding-left:15px;
}
ul ul { list-style-type:circle; }
ul ul ul { list-style-type:square; }

/* links */
a:link, a:visited
{
  text-decoration:underline;
  color:#ffcc37;
}
a:hover { color:#0000ff; }

/* images */
img { border:none; }

/* form fields */
input, select, textarea
{
  padding:2px;
  border-width:1px;
  border-style:solid;
  border-color:#272727 #272727 #2c2c2c #2c2c2c;
  background:#333;
  font:normal normal 1em/1.3 Helvetica,Arial,sans-serif;
  color:#fff;
}
textarea { overflow:auto; }
label { white-space:nowrap; }

/**** By Class ****/

/* floats and clears */
.float-left { float:left; }
.float-right { float:right; }
.clear { clear:both; }
.clear-left { clear:left; }
.clear-right { clear:right; }
.clear-container
{
  width:100%;
  overflow:auto;
}

/* inline horizontal alignment */
.align-right, table.align-right td, tr.align-right td { text-align:right; }
.align-left, table.align-left td, tr.align-left td { text-align:left; }
.align-center, table.align-center td, tr.align-center td { text-align:center; }
.align-justify, table.align-justify td, tr.align-justify td { text-align:justify; }
.align-inherit, table.align-inherit td, tr.align-inherit td { text-align:inherit; }

/* inline vertical alignment */
.valign-top, table.valign-top td, tr.valign-top td { vertical-align:top; }
.valign-text-top, table.valign-text-top td, tr.valign-text-top td { vertical-align:text-top; }
.valign-super, table.valign-super td, tr.valign-super td { vertical-align:super; }
.valign-middle, table.valign-middle td, tr.valign-middle td { vertical-align:middle; }
.valign-baseline, table.valign-baseline td, tr.valign-baseline td { vertical-align:baseline; }
.valign-text-bottom, table.valign-text-bottom td, tr.valign-text-bottom td { vertical-align:text-bottom; }
.valign-bottom, table.valign-bottom td, tr.valign-bottom td { vertical-align:bottom; }
.valign-inherit, table.valign-inherit td, tr.valign-inherit td { vertical-align:inherit; }

/* block horizontal alignment */
.balign-right { margin-left:auto; }
.balign-center
{
  margin-right:auto;
  margin-left:auto;
}
.balign-left { margin-right:auto; }

/* text size shifters */
.big { font-size:1.07em; }
.small { font-size:.86em; }

/* class for required field markers */
span.required
{
  padding-right:2px;
  font-size:1.2em;
  line-height:1.0;
  font-weight:bold;
  color:#ff0000;
}

/* dropdown menu defaults */
ul.dropdown, ul.dropdown ul, ul.dropdown li
{
  list-style-type:none;
  padding:0;
}
ul.dropdown, ul.dropdown ul { overflow:visible; }
ul.dropdown li { position:relative; }
ul.dropdown ul
{
  visibility:hidden;
  position:absolute;
  z-index:100;
  /*overflow:hidden;*/
}
ul.dropdown li:hover > ul { visibility:visible; }
ul.dropdown li.dropdown-scripted:hover > ul { visibility:hidden; }

/* table for form fields */
table.form-fields td
{
  padding:3px;
  text-align:left;
}
table.form-fields td.align-center { text-align:center; }
table.form-fields td.align-right { text-align:right; }
table.form-fields td.form-buttons
{
  padding-top:9px;
  text-align:right;
}

/* buttons */
button, input.button
{
  display:block;
  padding:0;
  border:none;
  overflow:hidden;
  background:no-repeat top left;
  text-indent:-1000px;
}
button.clear, input.button.clear
{
  height:17px;
  width:55px;
  background-image:url(/images/common/button-clear.gif);
}
button.submit, input.button.submit
{
  height:19px;
  width:76px;
  background-image:url(/images/common/button-submit.gif);
}

/* required field marker */
.required { color:#ff0000; }

/* messages */
div.message
{
  padding:5px;
  border:1px solid;
  color:#000;
}
div.message.error
{
  padding-left:10px;
  border:none;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background:#434344;
  color:#fff;
}
div.message.error div.message-heading
{
  padding:5px 5px 5px 10px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background:#272727;
  font-size:1.08em;
  text-transform:uppercase;
}
div.message.error div.message-body { padding:10px 0 8px 10px; }
div.message.error div.message-spacer
{
  height:3px;
  overflow:hidden;
}
div.message.error span
{
  font-weight:bold;
  color:#ffcc37;
}
div.message.info
{
  border-color:#00529b;
  background:#bde5f8;
}
div.message.success
{
  margin-top:10px;
  padding-left:15px;
  border:1px solid #434344;
  -moz-border-radius:5px;
  color:#fff;
}
div.message.warning
{
  border-color:#9f6000;
  background:#feefb3;
}
div.message.error.validate
{
  display:none;
  padding:2px;
  background:none;
  font-size:.92em;
  color:#fff;
}
div.message.error.validate span { color:#CC2229; }
p.message-link { padding-left:15px; }

/**** By ID ****/

/* page container */
#page
{
  margin:0 auto;
  width:934px;
  text-align:left;
}

/* header */
#header
{
  position:relative;
  padding-bottom:5px;
  height:41px;
  width:934px;
  overflow:hidden;
  background:url(/images/common/header.gif) no-repeat top left;
  text-indent:-1000px;
}

/* homepage link inside the header */
#header a:link, #header a:visited
{
  display:block;
  position:absolute;
  left:16px;
  top:0;
  height:41px;
  width:151px;
  overflow:hidden;
  text-indent:-1000px;
}

/* middle section that holds the sidebars and content area */
#middle
{
  width:934px;
  overflow:hidden;
}

/* left sidebar */
#sidebar-left
{
  float:left;
  margin-right:8px;
  width:172px;
}

/* left menu (main menu) */
#menu-left, #menu-left ul { list-style-type:none; }
#menu-left { padding:14px 0 31px 33px; }
#menu-left a:link, #menu-left a:visited
{
  display:block;
  padding-bottom:5px;
  height:23px;
  width:139px;
  overflow:hidden;
  background:no-repeat top left;
  text-decoration:none;
  text-indent:-1000px;
}
#menu-left a:hover, #menu-left a.dropdown-hover:link, #menu-left a.dropdown-hover:visited { background-position:top right; }
#menu-left li:hover > a:link, #menu-left li:hover > a:visited { background-position:top right; }
a#menu-left-signup:link, a#menu-left-signup:visited
{
  height:33px;
  background-image:url(/images/common/menu-left-signup.gif);
}
a#menu-left-night:link, a#menu-left-night:visited { background-image:url(/images/common/menu-left-night.gif); }
a#menu-left-products:link, a#menu-left-products:visited { background-image:url(/images/common/menu-left-products.gif); }
a#menu-left-simulator:link, a#menu-left-simulator:visited { background-image:url(/images/common/menu-left-simulator.gif); }
a#menu-left-booth:link, a#menu-left-booth:visited { background-image:url(/images/common/menu-left-booth.gif); }
a#menu-left-questions:link, a#menu-left-questions:visited { background-image:url(/images/common/menu-left-questions.gif); }
#menu-left ul
{
  top:0;
  left:100%;
  padding:0;
}
#menu-left ul a:link, #menu-left ul a:visited
{
  padding:2px 2px 2px 5px;
  height:auto;
  width:96px;
  overflow:visible;
  background:#a4a7b3;
  font-size:.92em;
  line-height:19px;
  text-indent:0;
  color:#000;
}
#menu-left ul a:hover { background:#e4e5e8; }
#menu-left #submenu-night { left:110px; }

/* content area */
#content
{
  float:left;
  width:575px;
}

/* top menu (inside content area) */
#menu-top
{
  padding:0 1px;
  width:573px;
  overflow:hidden;
}
#menu-top ul, #menu-top li { float:left; }
#menu-top ul
{
  list-style-type:none;
  padding:0;
}
#menu-top li { display:inline; }
#menu-top a:link, #menu-top a:visited
{
  display:block;
  height:25px;
  overflow:hidden;
  background:no-repeat top left; 
  text-decoration:none;
  text-indent:-1000px;
}
#menu-top a:hover { background-position:bottom left; }
a#menu-top-gribetz:link, a#menu-top-gribetz:visited
{
  width:111px;
  background-image:url(/images/common/menu-top-gribetz.gif);
}
a#menu-top-porter:link, a#menu-top-porter:visited
{
  width:146px;
  background-image:url(/images/common/menu-top-porter.gif);
}
a#menu-top-adjustables:link, a#menu-top-adjustables:visited
{
  width:108px;
  background-image:url(/images/common/menu-top-adjustables.gif);
}
a#menu-top-spuhl:link, a#menu-top-spuhl:visited
{
  width:65px;
  background-image:url(/images/common/menu-top-spuhl.gif);
}
a#menu-top-bedding:link, a#menu-top-bedding:visited
{
  width:143px;
  background-image:url(/images/common/menu-top-bedding.gif);
}

/* right sidebar */
#sidebar-right
{
  float:left;
  margin-left:5px;
  width:174px;
  background:#cc2229;
}

/* right sidebar message */
#sidebar-right-message
{
  height:158px;
  width:174px;
  overflow:hidden;
  background:url(/images/common/sidebar-right-message.gif) no-repeat top left;
  text-indent:-1000px;
}

/* signup button */
a#sidebar-right-signup:link, a#sidebar-right-signup:visited
{
  display:block;
  height:118px;
  width:174px;
  overflow:hidden;
  background:url(/images/common/sidebar-right-signup.gif) no-repeat top left;
  text-indent:-1000px;
  text-decoration:none;
}
a#sidebar-right-signup:hover { background-position:bottom left; }

/* hanging tag image */
#sidebar-right-tag
{
  height:185px;
  width:174px;
  overflow:hidden;
  background:url(/images/common/sidebar-right-tag.gif) no-repeat top left;
  text-indent:-1000px;
}

/* footer */
#footer
{
  padding-top:4px;
  height:41px;
  width:934px;
  overflow:hidden;
  background:url(/images/common/footer.gif) no-repeat bottom left;
}
#footer div
{
  padding:0 10px 0 5px;
  font-size:.85em;
  line-height:41px;
  font-weight:bold;
  text-align:right;
  color:#000;
}