BODY {
    margin: 0;
    font-family: sans-serif;
    }

#header {
    background-image: url(blueback.png);
    border-bottom: 5px black solid;
    padding: 5px 0 10px 15px;
}

#books {
    position: absolute;
    top: 10px;
    right: 100px;
    background-image: url(books.png);
    width: 213px;
    height: 106px;
    }

#container {
    position: relative;
    }

#menu {
    font-size: 90%;
    width: 200px;
    padding: 15px 5px 0 15px;
    font-weight: bolder;
    background-image: url(greyback.png);
    background-color: #E6E4E4;
    background-repeat: repeat-y;
    border-right: 2px solid #AAA;
    border-bottom: 2px solid #AAA;
    text-align: center;
    }

A { text-decoration: none; }

#menu A {
    color: #888;
    display: block;
    padding: 5px 0;
}

#menu A:hover {
    color: #000;
    background-color: #0387DB;
}

#menu UL { 
    margin: 0;
    padding: 0;
    list-style-image: url(marker.png);
    text-align: left;
}

#menu LI {
    padding: 2px 0;
    margin-left: 10px;
    border-bottom: 2px dotted #CCC;
}

#menu IMG {
    margin-top: 50px;
}

#main {
    position: absolute;
    top: 0;
    left: 222px;
    margin: 10px 30px;
}

#footer {
    margin-top: 1em;
    padding-top: 1em;
    font-size: 80%;
    color: #888;
    clear: both;
    border-top: 1px #AAA solid;
    text-align: center;
    }

#footer P { margin: 0; }
#footer A { color: #888; }

H1, H3 {
    margin: 0;
    color: #2475E4;
}

H3 A { color: #2475E4; }

H1 { font-size: 175%; }
H3 { font-size: 100%; }

H2 { 
    clear: both;
    border-top: 2px solid #CCC;
    margin: 0;
    margin-top: 20px;
    padding-top: 10px;
    text-transform: uppercase;
    font-size: 100%;
    color: #888;
    padding-bottom: 0.5em;
    }

#main P {
    font-size: smaller;
}

#main #s0 IMG {
    float: right; 
    margin: 10px;
    }

#main A.more {
    text-decoration: underline;
    letter-spacing: -0.1em;
    color: #2475E4;
    font-size: smaller;
    font-weight: bolder;
    }

DIV.s {
    margin-top: 10px;
    margin-right: 1%;
    border-top: 1px black solid;
    padding-top: 10px;
    clear: both;
    }

#s1 {
    float: left;
    width: 49%;
    margin-right: 1%;
}

#s2 {
    float: right;
    width: 49%;
    margin-right: 1%;
}

#s1 IMG, #s2 IMG {
    float: left;
    margin: 0 10px 10px 0;
    border: 1px black solid;
    }

DIV.s IMG {
    float: right;
    margin: 0 0 10px 10px;
    border: 1px black solid;
    }

#s1 P, #s2 P, DIV.s P {
    margin: 0 0 10px 0;
}

#s1 H3, #s2 H3 {
    margin-bottom: 5px;
    border-bottom: 1px black solid;
}

#s1 H3 { margin-left: 134px; /* width of image + 10px margin + 2px border */ }
#s2 H3 { margin-left: 132px; /* width of image + 10px margin + 2px border */ }

TH { text-align: left; }

#cover {
    margin-left: 10px;
    float: right;
    width: 250px;
    border-bottom: 1px black solid;
    }

#cover.threefifty { width: 350px; }
#cover.threehundred { width: 300px; }

P.details {
    color: #666;
    font-size: 90%;
    font-weight: bolder;
    padding-top: 5px;
    border-top: 1px black solid;
    }

H4 {
    margin: 0 0 0.5em 0;
    font-size: 80%;
    color: black;
    font-weight: bold;
    }

TABLE TH {
    vertical-align: top;
    width: 12em;
    }

P.other {
    font-size: smaller;
    font-weight: bold;
    padding: 0 0 1em 0;
    }

P.other A {
    text-decoration: underline;
    }

P.price EM {
    font-size: large;
    font-style: normal;
    } 

form {
    display: inline;
    }