*
{
  padding: 0;
  margin: 0;
}

body
{
  margin: 5px 0 0 5px;
  font: 16px/18px Arial, Helvetica, sans-serif;
}

hr
{
  display: none;
}


/* container */
#container
{
  width: 756px;
}


/* header */
#container #header
{
  height: 85px;
  background: url("/images/bg/header.jpg") no-repeat;
}
#container #header h1
{
  display: none;
}


/* content */
#container #content
{
  position: relative;
  background: url("/images/bg/content.jpg") no-repeat;
  padding-top: 235px;
}
* html #container #content
{
  padding-top: 0;
  height: 235px;
}


/* main */
* html #container #content #main
{
  margin-top: 240px;
  width: 100%;
}
* + html #container #content #main
{
  float: left;
}
#container #content #main ul
{
  float: left;
  margin: 5px 0;
  background: url("/images/bg/separator.jpg") 376px 0 repeat-y;
  list-style: none;
}
#container #content #main ul li
{
  float: left;
  width: 370px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
#container #content #main ul li#paint-specifier
{
  margin: 0 0 12px 16px;
}
#container #content #main ul li#quantity-calculator
{
  margin-left: 16px;
}
#container #content #main ul li img
{
  float: left;
  padding: 0 0.5em;
}
#container #content #main ul li b
{
  display: none;
}


/* navigation */
#container #content #navigation
{
  position: absolute;
  top: 0;
  left: 0;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
}
#container #content #navigation h2
{
  display: none;
}
#container #content #navigation ul
{
  list-style: none;
}
#container #content #navigation ul li
{
  float: left;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
}
#container #content #navigation ul li a
{
  display: block;
  color: #fff;
  padding: 4px 13px 4px 4px;
  font: 12px/14px Verdana, Arial, sans-serif;
  text-decoration: none;
  background: #bc0c0c 100% 50% no-repeat;
}
#container #content #navigation ul li a,
#container #content #navigation ul li.section:hover ul li a,
#container #content #navigation ul li.section:hover ul li.subsection:hover ul li a,
#container #content #navigation ul li.hover ul li a,
#container #content #navigation ul li.hover ul li.hover ul li a
{
  background-color: #bc0c0c;
}
#container #content #navigation ul li a:hover,
#container #content #navigation ul li.section:hover a,
#container #content #navigation ul li.section:hover a:hover,
#container #content #navigation ul li.section:hover ul li.subsection:hover a,
#container #content #navigation ul li.section:hover ul li.subsection:hover a:hover,
#container #content #navigation ul li.hover a,
#container #content #navigation ul li.hover a:hover,
#container #content #navigation ul li.hover ul li.hover a,
#container #content #navigation ul li.hover ul li.hover a:hover
{
  background-color: #0a2c73;
}
#container #content #navigation ul li#current a
{
  color: #bc0c0c;
  background-color: #ff0;
}
#container #content #navigation ul ul li a,
#container #content #navigation ul ul ul li a
{
  width: 183px;
  border-left: 1px solid #000;
}
#container #content #navigation ul li.section ul,
#container #content #navigation ul li.section ul li.subsection ul
{
  display: none;
  position: absolute;
}
#container #content #navigation ul li.section:hover ul,
#container #content #navigation ul li.section ul li.subsection:hover ul,
#container #content #navigation ul li.hover ul,
#container #content #navigation ul li.section ul li.hover ul
{
  display: block;
}
#container #content #navigation ul ul li,
#container #content #navigation ul ul ul li
{
  position: relative;
  clear: left;
}
#container #content #navigation ul ul,
#container #content #navigation ul ul ul
{
  width: 202px;
  border-bottom: 1px solid black;
}
#container #content #navigation ul ul ul
{
  top: -1px;
  left: 201px;
}
#container #content #navigation ul li.section a
{
  background-image: url("/images/arrowdn.gif");
}
#container #content #navigation li.section ul li.subsection a
{
  background-image: url("/images/arrow.gif");
}
#container #content #navigation ul li.section ul li a,
#container #content #navigation ul li.section ul li.subsection ul li a
{
  background-image: none;
}


/* footer */
#container #footer
{
  float: left;
  height: 30px;
  width: 756px;
  background: url("/images/bg/footer.jpg") 0 100% no-repeat;
  padding-bottom: 1em;
}
#container #footer h2
{
  display: none;
}
#container #footer ul
{
  list-style: none;
}
#container #footer ul li
{
  float: left;
  font-size: 10px;
}
#container #footer ul li.last
{
  margin-left: 0.5em;
  padding-left: 0.5em;
  background: url("/images/bg/separator.jpg") 0 50% no-repeat;
}
#container #footer p
{
  display: none;
}