/* ***********************************************************************
    1. <link rel="stylesheet" type="text/css" href="styles.css">
*********************************************************************** */


/* ----------Boys (2/Apr/2006)---------- */
/* ----------also modified buy.css------ */

#dBoys {
  position: absolute;
  left: 766px;
  top: 10px;
  font-weight: bold
}
#dBoys span {
  font-weight: normal
}
#dBoys img {
  border: 1px solid #999;
  margin-bottom: 10px;
}
#dBoys #custServ {
  width: 2px;
  height: 93px;
  border: 0px solid #fff;
  margin: 0px
}

/* General */

body, div {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px
}

a       { color: #CC0000; text-decoration: underline }
a:hover { text-decoration: none }

/* Power Poppers logo */

#iLogo {
  position: absolute;
  left: 0px;
  top: 10px; /* ----------0px; b4boys---------- */
  width: 756px;
  height: 200px /* ----------116px b4boys---------- */
}

/* Introduce a friend and get $5 each */

#rushpoppers {
  position: absolute;
  left: 311px;
  top: 96px; /* ----------2px; b4boys---------- */
  width: 445px;
  height: 32px;
  border: 0px solid #fff;
  cursor: pointer
}
#rush {
  position: absolute;
  left: 311px;
  top: 128px; /* ----------34px; b4boys---------- */
  width: 445px;
  border: 0px solid #fff;
  height: 14px
}

/* Main navigation */

#dTopLinks {
  position: absolute;
  left: 0px;
  top: 150px; /* ----------56px; b4boys---------- */
  width: 742px;
  text-align: right;
  color: #FFCC00
}

/*
#dTopLinks a       { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none }
Text made slightly bigger: */
#dTopLinks a       { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #FFFFFF; text-decoration: none }
#dTopLinks a:hover { text-decoration: underline }

/* Links to language-specific pages */

#dLanguages {
  position: absolute;
  left: 0px;
  top: 10px;
  width: 743px;
  text-align: right;
  color: #CC0000
}

#dLanguages a       { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #CC0000; text-decoration: none }
#dLanguages a:hover { text-decoration: underline }

/* Left red sidebar */

#dLeft {
  position: absolute;
  left: 0px;
  top: 210px; /* ----------116px; b4boys---------- */
  width: 164px;
  background-image: url(img/pgBg.gif);
  background-repeat: repeat-y
}

#dLeft p {
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center
}

#dLeft p b,
#dLeft p span {
  color: #FFCC00
}

#dLeft p a { font-size: 16px; color: #FFFFFF }

/* Jake's & Jungle Monster's Sites */

#dLeft p.rush,   #dLeft p.jungle   { padding: 5px; cursor: pointer }
#dLeft p.rush a, #dLeft p.jungle a { font-size: 11px }

#dLeft p.rush   { background-color: #f33 }
#dLeft p.jungle { background-color: #f60 }

/* Main content */

#dContent {
  position: absolute;
  left: 0px;
  top: 210px; /* ----------116px; b4boys---------- */
  width: 584px;
  background-image: url(img/pgBg.gif);
  background-repeat: repeat-y
}

#dContent h1,
#dContent h2,
#dContent p,
#dContent ul {
  padding-left: 184px
}

#dContent h1 {
  font-size: 20px;
  color: #CC0000;
  padding-top: 10px;
  margin-top: 0px /* Firefox fix */
}

#dContent h2 {
  font-size: 16px;
  color: #CC0000;
  margin-bottom: -10px
}

#dContent ul {
  /* Modified 10/Jan/2010 */
  /*
  list-style-type: bullet;
  list-style-image: url(/img/star.gif);
  list-style-position: outside
  */
  list-style-type: none;
  padding: 0px;
  margin-left: 200px;
  margin-right: 40px;
}

#dContent li {
  /* Modified 10/Jan/2010 */
  /*
  padding-bottom: 2px;
  */
  margin: 0px;
  padding: 1px 0px 3px 20px;
  background-image: url(/img/s.gif);
  background-repeat: no-repeat;
}

#dContent p b,
#dContent p span,
#dContent ul li span {
  font-weight: bold;
  color: #CC0000
}

#dContent ul li span {
  font-size: 16px;
}

/* Product list "Choose your poppers" */

#dProdList {
  position: absolute;
  left: 604px;
  top: 230px;  /* 116+20 */ /* ----------136px; b4boys---------- */
  width: 152px;
  /* Modified 10/Jan/2010 - to ensure consistent width on diff. browsers */
  /*
  border: 2px solid #CC0000;
  */
  border-top: 2px solid #CC0000;
  border-bottom: 2px solid #CC0000;
  background-image: url(/img/dProdList_bg.gif);
  background-repeat: repeat-y;
}

#dProdList p {
  line-height: 220%; /* 200px; */
  font-size: 10px;
  color: #666666;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 7px;
}

#dProdList p.head {
  line-height: 120%;
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
  margin-top: 0px;
  padding: 5px;
  padding-right: 30px; /* to break "Choose your \n poppers" */
  background-color: #CC0000
}

#dProdList p a       { font-size: 13px; font-weight: bold; color: #CC0000; padding: 3px }
#dProdList p a:hover { background-color: #FFCC00; border: 1px solid #CC0000 }
#dProdList p a img   { border: 0px solid #fff }

/* Key terms - links */

#dKeyLinks {
  position: absolute;
  left: 604px;
  /* top: 760px; */ /* 694px; */ /* ----------600px; b4boys---------- */
  /* top: 742px; */
  top: 780px; /* <--Moved down after Quicksolver & Locker Room added; Oct 18, 2024 */
  width: 152px
}

#dKeyLinks p {
  color: #666666;
  text-align: left; /* ----------right; b4boys---------- */
  line-height: 150%
}

#dKeyLinks p a  { color: #666666; text-decoration: none }

/* Bottom-of-page banner and Footer (main links again and copyright) */

p.banner, #pFooter, #pLinks { font-size: 10px; color: #666666 }
p.banner { padding-top: 20px; margin-bottom: 20px }
p.banner a img { border: 0px none #FFFFFF }

#pFooter { margin-bottom: 5px }
#pFooter a.poppers { color: #666666; text-decoration: none; cursor: text }

#pLinks { margin-top: -3px; margin-bottom: 20px }
#pLinks a { color: #666666 }

