html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  color: #000;
  background-color: #aaa;
}

body {
  margin: 10px auto;
  padding: 0;
  width: 95%;
  font: 100% "Trebuchet MS" , Geneva, sans-serif;
  color: #0018D0;
  background: #fff;
  border: 2px solid #FFB037;
}

form {
  margin: 0;
  padding: 0;
}

/* General styles and useful classes */
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
img {
  border: none;
}
table td {
  padding: 0 2px;
  white-space: nowrap;
  vertical-align: top;
}
.box, .sbarbox {
  border: 1px solid black;
}
.sbarbox {
  width: 60px;
}
.button {
  border: 1px solid black;
  background: #FFB037;
  color: #fff;
}
.u {
  text-decoration: underline;
}
.i {
  font-style: italic;
}

/* Specific page sections */

/* header */
#header {
  height: 110px;
  background: #fff url(images/banner.gif) center center no-repeat;
  width: 100%;
  margin: 0;
  border-bottom: 2px solid #FFB037;
}
#header a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -20000px;
}

/* pagecontent */
#pagecontent {
  margin: 0;
  padding: 0;
  background: #fff url(images/curve.gif) 160px 21px no-repeat;
  color: #0018D0;
}
#pagecontent h1 {
  font-size: 130%;
  border-bottom: 1px solid black;
  margin: 0 auto;
}
#pagecontent h2 {
  font-size: 110%;
  margin: 10px auto 0 auto;
}
#pagecontent p {
  margin: 0 0 0.5em 0;
}
#pagecontent #fpnote {
  border: 1px solid black;
  padding: 5px;
  margin: 0 auto;
  width: 50%;
  font-size: 90%;
}
#pagecontent #fpnote span {
  font-weight: bold;
}
#pagecontent #sp {
  height: 10px;
}
#pagecontent a:link, #pagecontent a:visited {
  color: #FFB037;
  background: #fff;
}
#pagecontent #strapline1 {
  margin: 0 0 0 200px;
  font-weight: bold;
  font-size: 120%;
  color: #f33;
  background: #fff;
}
#pagecontent #strapline2 {
  margin: 0 100px 0 0;
  text-align: right;
  font-weight: bold;
  font-size: 120%;
  color: #f33;
  background: #fff;
}
#pagecontent #strapline3 {
  margin: 5px auto;
  text-align: center;
  font-weight: bold;
  font-size: 110%;
  color: #f33;
  background: #fff;
}
#pagecontent #fpbanners {
  margin: 0 11em 0 160px;
  max-width: 577px;
  font-size: 90%;
}
html>body #pagecontent #fpbanners {
  /* Hack to get IE6 to place the front page banners correctly */
  margin: 0 auto;
}
#pagecontent #fpbanners p {
  padding: 0 20px;
  margin: 5px 0 0 0;
}
#pagecontent #fpbanners .fplink {
  margin: 0 auto 30px auto;
  font-size: 90%;
  text-align: center;
}
#pagecontent #fpbanners #sequinart {
  height: 104px;
  background: #fff url(images/SequinArtBanner.jpg) center center no-repeat;
}
#pagecontent #fpbanners #babytoys {
  height: 104px;
  background: #fff url(images/BabyToysBanner.gif) center center no-repeat;
}
#pagecontent #fpbanners #clics {
  height: 104px;
  background: #fff url(images/ClicsBanner.gif) center center no-repeat;
}
#pagecontent #fpbanners #sequinart a, #pagecontent #fpbanners #babytoys a, #pagecontent #fpbanners #clics a {
  display: block;
  width: 100%;
  height: 100%;
  background: transparent;
  text-indent: -20000px;
}
#pagecontent #divclear {
  clear: both;
}

/* pagecontent sitelinks */
#pagecontent #sitelinks {
  float: left;
  width: 160px;
  padding: 0;
  margin: 0 0.5em 0 0;
  font-size: 80%;
  color: #FFB037;
  background: #4E4E4E;
}
#pagecontent #sitelinks p {
  margin: 0 0 0 15px;
}
#pagecontent #sitelinks table {
  margin: 0 0 0 10px;
}
#pagecontent #sitelinks h2 {
  color: #FFB037;
  background: #4E4E4E;
  height: 49px;
  width: 133px;
  margin: 5px 0 0 5px;
  text-indent: -20000px;
}
#pagecontent #sitelinks h2#siteguide {
  background: #4E4E4E url(images/bubbleGsiteguide.gif) top left no-repeat;
}
#pagecontent #sitelinks h2#toys {
  background: #4E4E4E url(images/bubbleGToys.gif) top left no-repeat;
}
#pagecontent #sitelinks h2#newsletter {
  background: #4E4E4E url(images/bubbleGnewsletter.gif) top left no-repeat;
}
#pagecontent #sitelinks ul {
  list-style-type: none;
  margin: 0 0 0 10px;
  padding: 0 5px;
}
#pagecontent #sitelinks li {
  margin: 0 0 0 10px;
  padding: 0;
  margin: 0;
}
#pagecontent #sitelinks a, #pagecontent #sitelinks a:visited {
  color: #fff;
  background: #4E4E4E;
}
#pagecontent #sitelinks a:hover {
  color: #f60;
}
#pagecontent #sitelinks #sitelinksbottom {
  height: 100px;
  background: #fff url(images/sitelinksbottom.gif) no-repeat;
}

#pagecontent #sitemappath {
  text-align: right;
  font-size: 90%;
  margin: 0;
  padding: 2px 10px;
  color: #FFB037;
  background: #4E4E4E;
}
#pagecontent #sitemappath a, #pagecontent #sitemappath a:visited {
  color: #fff;
  background: #4E4E4E;
}

/* pagecontent sidebar */
#pagecontent #sidebar {
  float: right;
  width: 160px;
  font-size: 80%;
  color: #4E4E4E;
  background: #fff url(images/sidebartop.gif) top left no-repeat;
  padding: 0;
  margin: 0;
}
#pagecontent #sidebarcontent {
  margin: 0 0 0 10px;
  padding: 0 3px;
  background: #FFB037;
  border-top: 1px solid #FFB037; /* this is a hack, without which there is a gap above this div */
  text-align: center;
}
#pagecontent #sidebar h2#ads {
  color: #FFB037;
  background: #4E4E4E url(images/bubbleAds.gif) top left no-repeat;
  height: 49px;
  width: 133px;
  margin: 5px 0 0 0;
  text-indent: -20000px;
}
#pagecontent #sidebar .sbspecialoffer {
  width: 120px;
  margin: 0 auto 10px auto;
  padding: 10px 0;
  border: 1px solid black;
  background: #fff;
  text-align: center;
}
#pagecontent #sidebar .sbspecialoffer img {
  margin: 0 auto;
  width: 80px;
  height: 80px;
  display: block;
}
#pagecontent #sidebar .sbspecialoffer .sbprice {
  display: block;
  text-decoration: line-through;
}
#pagecontent #sidebar .sbspecialoffer .sbsprice {
  display: block;
  color: #f00;
}
#pagecontent #sidebarbottom {
  margin: 0 0 0 -3px;
  height: 100px;
  width: 150px;
  background: #fff url(images/sidebarbottom.gif) top left no-repeat;
}

/* Footer */
#footer {
  font-size: 90%;
  text-align: center;
  border-top: 1px solid #FFB037;
}
#footer p {
  height: 100%;
  margin: 0;
  line-height: 2em;
}
#footer a:link, #footer a:visited {
  color: #FFB037;
  background: #fff;
}