#header {
    height: 385px;
}

#header #login_link img {
    
}

#content {
    padding: 0;
    margin-left: 2px; /* Do you know why this works? 'cause I don't!  -nt */
}

#content .wrapper {
    width: 968px;
}

.productbox {
    width: 236px;
    min-height: 226px; /* ensure we get the gradient extending all the way down to price box*/
    background: transparent url("/static/images/style/product_blurb.png") no-repeat;
    float: left;
    margin-left: 3px;
    margin-right: 3px;
}

.productbox p, .productbox ul {
    margin: 1em 18px;
    padding: 0;
    list-style: url("/static/images/style/arrow_arrow.png") square outside;
}

.productbox li {
    margin: .5em 16px;
}

.pricebox {
    color: transparent;
    display: block;
    float: left;
    margin: 0 3px;
    width: 212px; /* 236px image - 2*12px padding */
    height: 99px; /* 123px image - 2*12px padding */
    background: transparent url("/static/images/style/product_pricebox.png");
    padding: 12px;
    position: relative;
    overflow: hidden;
}

.pricebox:hover {
    color: transparent;
}

.pricebox span {
    position: absolute;
    left: 500%;
}