body {
    background: #774b26;
    color: #774b26;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
}

#wrap {
    float: left;
    width: 806px; height: 571px;
    display: inline;    /* compensate for IE margin-doubling bug with floats */
    overflow: hidden;
}

#sidebar {
    float: left;
    margin-top: 6px;
    margin-left: 6px;
    width: 184px;
    height: 565px;;
    line-height: 0px;    /* must specify so that spaces between divs don't grow with font size */
    font-size: 0px;      /* have to set font-size because Safari must use this, and not line-height */
    display: inline;     /* compensate for IE margin-doubling bug with floats */
}

#lullaboosTag {
    width: 184px;
    height: 138px;
}

#menu {
    width: 184px;
    height: 369px;    /* there seems to be a bug with Firefox 1.5 and Safari on Mac */
                      /* the height here should be 415, but the copyright then appears 6px lower */
                      /* than it should.  works fine in Mac IE 5.2 and Win IE 6.0 */
                      /* end result is that copyright line is 6px too high in Mac/Win IE, oh well */
}

#menu ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#menu li {
    margin-top: 6px;
}

#menu div {
    display: block;
    width: 184px;
    height: 19px;
}

#store {
    margin: 0px 0px 23px 0px;
}

.toggleinfo {
    cursor: pointer;
}

#copyright {
}

#main {
    float: right;
    margin-top: 6px;
    width: 610px; height: 565px;
    background: url(../images/mainBackground.gif) 0 0 no-repeat;
    font-size: 0px;
    line-height: 0px;
    display: inline;    /* compensate for IE margin-doubling bug with floats */
}

#left {
    float: left;
    margin-left: 19px;
    margin-top: 14px;
    width: 315px;
    display: inline;    /* compensate for IE margin-doubling bug with floats */
}

#right {
    float: right;
    margin-right: 6px;
    margin-top: 6px;
    width: 268px;
    display: inline;    /* compensate for IE margin-doubling bug with floats */
}

#doll {
    height: 258px;
    margin-bottom: 16px;
    overflow: auto;
}
#dollName {
    font-size: 30px;
    line-height: 40px; /* must specify pixels (not 1.33 factor) due to Firefox 1.x bug */
    color: #88c6ed;
}
#dollDescription {
    position: relative;
    top: 16px;
    font-size: 12px;
    line-height: 16px;
}

#related {
    height: 277px;
}
#relatedLabel {
    font-size: 18px;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
}
#relatedItem {
    margin-top: 12px;
    width: 248px;
}
#relatedItemLabel {
    font-size: 12px;
    line-height: 16px;
    width: 248px;
    height: 16px;
    margin-bottom: 24px;
    text-align: center;
    overflow: hidden;
}

a:active, a:link, a:visited {
    color: #774b26;
    text-decoration: none;
}
a:hover {
    color: #88c6ed;
    text-decoration: none;
}

#dollPhoto {
   width: 268px;
   height: 533px;
}

#dollSwitcher {
    height: 26px;
    width: 268px;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    overflow: hidden;
}
.ImOver {
    font-size: 12px;
    line-height: 16px;
    text-decoration: none;
    color: #88c6ed;
    cursor: pointer;
}
.ImOut {
    font-size: 12px;
    line-height: 16px;
    text-decoration: none;
    color: #774b26;
}
.selected {
    font-size: 12px;
    line-height: 16px;
    text-decoration: none;
    color: #88c6ed;
}