#contents {
    height: 603px;
    padding: 18px;
    width: 522px;
}

#examples {
    background: url(/images/style/info_bg.png) 0 10px repeat-x;
    height: 340px;
    margin-top: 20px;
}

#examples .example {
    float: left;
    height: 340px;
    position: relative;
    width: 172px;
}

#examples .images {
    background: url(/images/style/example_bg.png) right 13px no-repeat;
    height: 155px;
    margin: 15px 0;
    position: relative;
}

#examples .example .exampleImage {
    left: 50px;
    position: absolute;
    bottom: -4px;
}

#examples .example .examplePrice {
    right: 100px;
    position: absolute;
    bottom: 110px;
}

#examples .example .text {
    margin-top: 10px;
    padding-left: 10px;
    position: relative;
}

#examples .example1 .text h3, #examples .example1 .text p, #examples .example2 .text h3, #examples .example2 .text p {
    border-right: 1px solid #ccc;
}

#info {
    display: inline-block;
}

#info {
    display: block;
    background: url(/images/style/info_bg.png) 0 10px repeat-x;
}

#info:AFTER {
    content: '.';
    clear: both;
    display: block;
    height: 1px;
    line-height: 1px;
    visibility: hidden;
}

#examples .example .text h1, #info h1 {
    background: url(/images/style/title_arrow.png) left 3px no-repeat;
    color: white;
    font-size: 13px;
    font-weight: bold;
    padding: 3px 0 12px 10px;
    text-transform: uppercase;
}

#examples .example .text h1 {
    font-weight: bold;
    margin-left: 10px;
}

#examples .example .text h2, #info h2 {
    font-family: Verdana, sans;
    font-size: 10px;
    padding: 3px 0 1px 10px;
}

#info h2 {
    font-weight: bold;
}

#examples .example .text h3, #info h3 {
    font-family: Verdana, sans;
    font-size: 10px;
    font-weight: bold;
    padding-left: 10px;
    padding-bottom: 0px;
}

#examples .example .text p, #info p {
    color: #505050;
    font-family: Verdana, sans;
    font-size: 10px;
    padding-left: 10px;
}

#examples .example .text p a, #info p a {
    text-decoration: underline;
}

#info h2 {
    padding-left: 105px;
}

#info p {
    padding-left: 105px;
}

#info #infoLeft {
    float: left;
    margin-left: 5px;
    min-height: 240px;
    width: 265px;
}

#infoLeft h2, #infoLeft p {
    padding-left: 115px;
}

#info #infoRight {
    float: left;
    margin-left: 10px;
    min-height: 240px;
    width: 230px;
}

#infoRight h2, #infoRight p {
    padding-left: 85px;
}

#info h1 {
    margin-top: 10px;
    padding-left: 40px;
    padding-top: 3px;
    background-position: 30px 3px;
}

#info #infoLeft {
    background: url(/images/style/books.png) left 45px no-repeat;
}

#info #infoRight {
    background: url(/images/style/formats.png) left 45px no-repeat;
}

#info #infoRight a {
    color: black;
    text-decoration: none;
}

#info #infoRight a span {
    text-decoration: underline;
}