/* Style sheet for girlgoods.com */


BODY {
color: #666464;     /* 102, 100, 100  */
/*  color-background: #ACDDEE; */    /* blue */
  font-family: arial, helvetica, sans-serif;
  font-style: normal;
}

P, UL, LI, TD, H1, H2, H3, H4, H5, H6 {
  font-family: arial, helvetica, sans-serif;
}

P, UL, LI, TD, INPUT {
  font-size: 10pt;
}

P CENTER {
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
}

H3 CENTER {
  font-family: arial, helvetica, sans-serif;
}

H2 {
  font-family: arial, helvetica, sans-serif;
  font-size: 18pt;
}

A:link {            /* unvisited link */
  color: #88AADD;
}

A:visited {         /* visited link */
  color: #88AADD;
}

A:active {          /* active link */
  color: #FF0000;
}

A:hover {           /* hover link */
  color: #FF0000;
}


/*  links for menu   */
/* NOTE: For GirlGoods, this is not actually the menu, but is instead */
/*  the product display links. But now (06/08/04) we actually NEED    */
/*  special links for the menus, so we will call them something else. */
A.menu:link {
  color: #000000;
  text-decoration: none;
}

A.menu:visited {
  color: #000000;
  text-decoration: none;
}

A.menu:active {
  color: #000000;
  text-decoration: underline;
  font-weight: bold;
}

A.menu:hover {
  color: #000000;
  text-decoration: underline;
  font-weight: bold;
}


/*  06/08/04: These are the actual menu links.   */
A.realmenu:link {
  color: #666464;
  text-decoration: none;
}

A.realmenu:visited {
  color: #666464;
  text-decoration: none;
}

A.realmenu:active {
  color: #000000;
  text-decoration: underline;
}

A.realmenu:hover {
  color: #000000;
  text-decoration: underline;
}




P.strong {            /* this is just for convenience */
  font-weight: bold;
}

P.italic {            /* italic */
  font-style: italic;
}

P.smaller {
  font-size: 9pt;
}

P.extra-small {
  font-size: 8pt;
}

P.larger {       /* use this instead of <font size="+1"> */
  font-size: 12pt;
}

P.normal {       /* normal text */
  font-size: 10pt;
  font-weight: normal;
}

P.heading {
  font-size: 12pt;
  font-weight: bold;
/*  font-style: italic; */
}

P.cat_heading {               /* 04/02/06: make category heading thinner and blue */
  font-size: 14pt;
  font-weight: normal;
  color: #88AADD;
}

P.headline {      /* use this for real big type */
  font-family: arial, helvetica, sans-serif;
  font-size: 14pt;
/*  font-weight: bold;  */
/*  font-style: italic; */
}


P.extra-large {   /* and for even bigger type ... */
  font-size: 20pt;
  font-weight: bold;
}

P.menu {          /* use this for menu items (if we use text) */
  font-size: 9pt;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
}

P.ggblue {
  color: #88AADD;
/*  color: #D9E5EE; */
}




li.strong {      /* for bold-faced lists */
  font-weight: bold;
}

li.extra-small {   /* for small-print lists */
  font-size: 8pt;
}


span.strikethrough {
  text-decoration: line-through;
}

SPAN.bold {
  font-weight: bold;
}

SPAN.strong {            /* this is just for convenience */
  font-weight: bold;
}

SPAN.em {
  font-style: italic;
}

SPAN.italic {            /* italic */
  font-style: italic;
}

SPAN.strongwhite {
  font-weight: bold;
  color: white;
}

SPAN.smaller {
  font-size: 9pt;
}

SPAN.extra-small {
  font-size: 8pt;
}

SPAN.larger {       /* use this instead of <font size="+1"> */
  font-size: 12pt;
}

SPAN.normal {       /* normal text */
  font-size: 10pt;
  font-weight: normal;
}

SPAN.headline {      /* use this for real big type */
  font-size: 14pt;
  font-weight: bold;
}

SPAN.extra-large {   /* and for even bigger type ... */
  font-size: 20pt;
  font-weight: bold;
}

span.blueboxhead {  /* for the heading in the blue box */
  font-family: helvetica;
  font-size: 28pt;
}

span.blueboxtext {  /* for the text in the blue box */
}

SPAN.center {
  text-align: center;
}

SPAN.yellow {
  color: yellow;
}

SPAN.cyan {
  color: cyan;
}

SPAN.red {
  color: red;
}

SPAN.white {
  color: white;
}

SPAN.black {
  color: black;
}

SPAN.ggblue {
  color: #88AADD;
/*  color: #D9E5EE; */
}



TD.center {
  text-align: center;
  font-family: arial, helvetica, sans-serif;
}

TD.left {
  text-align: left;
  font-family: arial, helvetica, sans-serif;
}

TD.right {
  text-align: right;
  font-family: arial, helvetica, sans-serif;
}