/* Style sheet for girlgoods.com home page grid layout*/
/* Load after main style sheet, so as to incorporate all that stuff, too */


/* These are id's for various parts of the grid layout */


/* main photo on the page */
#mainphoto {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 25%;
  margin-right: 2px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  border-style: none;

  width: 272px;
  height: 386px;

  float: left;
/*  position: relative;  */
/*  top: 160px;  */
/*  left: 176px; */
}


/* random items (next to main photo) */
#randomitem1 {
  margin-top: 0px;
  margin-bottom: 2px;
  margin-left: 2px;
  margin-right: 2px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  border-style: none;

  width: 125px;
  height: 125px;

  float: left;
/*  position: relative; */
/*  top: 160px;  */
/*  left: 451px; */
}

#randomitem2 {
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 2px;
  margin-right: 2px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  border-style: none;

  width: 125px;
  height: 125px;

  position: relative;
  top: 129px;
  left: -153px;
/*  top: 289px;  */              /* above is 125 high */
/*  left: 451px; */
}

#randomitem3 {
  margin-top: 2px;
  margin-bottom: 0px;
  margin-left: 2px;
  margin-right: 2px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  border-style: none;

  width: 125px;
  height: 125px;

  position: relative;
  top: 257px;
  left: -282px;
/*  top: 419px;  */              /* above is 125 high */
/*  left: 451px; */
}




/* blue box with text */
/* use padding to align longer or shorter text */
/* blue color is #88AADD */

/*  06/03/08: IMPORTANT: SEE NOTES FROM THIS DATE IN create_home_page_layout.cgi BEFORE   */
/*   CHANGING ANYTHING HERE.                                                              */
#bluebox {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 2px;
  margin-right: 0px;
  padding-top: 0px; 
 padding-top: 20px; 

  border-left-style: solid;
  border-left-width: 2px;
  border-left-color: #FFFFFF;

  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #FFFFFF;

  height: 381px;
  width: 189px;

  text-align: center;

  background-color: #88AADD;

/*  background-color: #FF0000; */     /* this is used for valentine's day  */

/* 03/22/09: THE THREE LINES BELOW HERE ARE USED TO SET UP THE SPRING THING, WHICH      */
/*  USES AN IMAGE RATHER THAN TEXT IN THE BLUE BOX. YOU STILL NEED TO COMMENT OUT       */
/*  THE TEXT IN create_home_page_layout.cgi, OTHERWISE IT WILL SHOW UP ON TOP OF THIS.  */
/*  background: url("http://www.girlgoods.com/images/home_page_blurb_187x385_bradley.jpg"); */
/*  background-repeat: no-repeat; */
/*  background-position: center; */
}


/* hot goods elements */
#hotgoodsphoto {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  border-style: none;

/*  position: relative; */
/*  top: 566px;         */
/*  left: 176px;        */

  height: 125px;
  width: 125px;

  background-color: #EFEFEF;
}

#hotgoodstitle {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 30px;
/*  padding-bottom: 10px; */
  padding-left: 20px;
  padding-right: 20px;
  border-style: none;

/*  position: relative; */
/*  top: 566px; */
/*  left: 301px; */

  height: 125px;
  width: 125px;

  text-align: center;

/*  background-color: #88AADD; */   /* don't need this, background of cell is blue, and this screws up Firefox */
}

#hotgoodstext {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 15px;
  border-style: none;

/*  position: relative; */
/*  top: 566px; */
/*  left: 426px; */

  height: 125px;
  width: 344px;

  text-align: center;
}


#hotgoodsholder {             /* this just makes a border around the whole thing... */
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;

  border-style: solid;
  border-width: 2px;
  border-color: #CDCDCD;

/*  position: relative; */
/*  top: 254px; */
/*  left: 175px; */

  height: 125px;
  width: 590px;
}

span.blueboxhead {             /* THIS IS OVERWRITING WHAT WE HAVE IN style.css */
  font-family: helvetica;
  font-size: 20pt;
}