body {background:#d5e0fe url(body-bg.png) top left repeat-x; text-align:center; font-family:georgia,serif;}
.clearer {clear:both;}
ul li {margin-bottom:1ex;}
ol li {margin-bottom:2ex;}

h1, h2 {font-weight:normal; letter-spacing:-.03em; padding:0; margin:2ex 0 0;}
h1 {font-size:2em;}
h2 {font-size:1.5em;}

.container {width:60em; margin:auto; text-align:left; background:#fff;}
.header {background:#242994 url(header-bg.png) top left repeat-x; position:relative;}
.header .hairpiece {position:absolute; bottom:0; right:0;}

.left-col {width:75%; margin:0; float:left; font-size:110%;}
.right-col {width:25%; margin:0; float:left; padding-top:200px; position:relative;}

.left-col .inner {padding:5px 35px 15px 50px;}
.left-col p {margin-left:.4em;}
.left-col blockquote {font-style:italic; color:#2c2c2c; background:#f1f5f7; padding:1ex 2em 2ex;}

img.add-to-cart {margin:6px 0;}

.right-col {font-size:80%; font-family:arial; color:#2c2c2c;}
.right-col img.bh {position:absolute; top:0; right:0;}
.right-col a {text-decoration:none; color:#339;}
.right-col .caption {font-style:italic; background:#f1f5f7; padding:0.1ex 1em;}
.dmf {text-align:right; font-size:.8em;}
.right-col blockquote {font-style:italic; margin:4ex 1em 1ex;}
.right-col cite {font-style:italic; font-weight:bold; margin:0 0 4ex 1em;}

ul {overflow: hidden;}

.content-menu {
    padding: 0;
    }

.content-menu li {
    list-style-type: none;
    display: inline;
    padding: 0;
    }
    
.content-menu li a {
    display: inline-block;
    line-height: 35px;
    background: #ededed;
    height: 35px;
    padding: 0 10px;
    text-decoration: none;
    margin: 0 5px 20px;
    color: blue;
    font-size: 13px;
    font-family: "Trebuchet MS";
    font-weight: bold;
}

.content-menu li a:hover {
    background: #242994;
    color: #fff;
}

.note {border: 1px solid #000;}