#hd {
    padding-top: 15px;
}

#bd {
    background-image: url(../images/whiteback.gif);
    background-repeat: repeat-y;
    background-position: 2px 0px;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 18px;
}

#ft {
    background-image: url(../images/bottomcorners.png);
    background-repeat: no-repeat;
}

html {
    background-image: url(../images/background.png);
    /*background-repeat: repeat-y;*/
    background-color: #c6beb6;
}

a {
    color: #ff7800;
    text-decoration: none;
    font-weight: 575;
}

a:hover {
    text-decoration: underline;
}

.stretcher {
    clear: both;
}

#bottombanner {
    margin: auto;
    margin-top: 3em;
    margin-bottom: 3em;
}

.cms {
    padding-left: 1em;
    padding-right: 1em;
}


/*
.cms img {
line-height: 0;
}
*/

.cms p {
    text-align: justify;
    font-size: 12pt;
    margin-bottom: 1em;
}

.cms h2 {
    color: #5E554B;
    font-size: 1.5em;
    padding-bottom: 0.5em;
}

.cms h3 {
    color: #5E554B;
    font-size: 1.2em;
    padding-bottom: 0.5em;
}

.cms h1 {
    color: #5E554B;
    font-size: 2.5em;
    padding-bottom: 0.5em;
}

.cms ul {
    padding-top: 1em;
    padding-left: 2em;
}

.cms li {
    list-style-type: circle;
}

/**
 * Header
 */

#headerlogo {
    background-image: url(../images/headerlogo.png);
    background-repeat: no-repeat;
    width: 291px;
    height: 155px; /* image is 121px */
    text-indent: -99999px;
    float: left;
}

#buybanner {
    /* background-image: url(../images/buybanner.png); */
    /* background-repeat: no-repeat; */
    /* text-indent: -99999px; */
    /* width: 616px; */
    /* height: 22px; */
    float: right;
    margin-top: 51px;
}

#navbar {
    clear: both;
    background-image: url(../images/navbackground.png);
    background-repeat: no-repeat;
    height: 39px;
    padding-left: 22px;
    padding-right: 22px;
}



#mainnav {
    float: right;
    padding-right: 20px;
}

#mainnav li {
    float: left;
    display: block;
}

#mainnav li:hover {
    background-image: url(../images/navhover.png);
    
    
}

#mainnav li a {
    text-indent: -99999px;
    background-repeat: no-repeat;    
    display: block;
    height: 37px;
}

#mainnav li#navbooks a {
    background-image: url(../images/nav-books.png);
    width: 131px;
}

#mainnav li#navabout a {
    background-image: url(../images/nav-aboutdvd.png);
    width: 131px;
}

#mainnav li#navblog a {
    background-image: url(../images/nav-blog.png);
    width: 72px;
}

#mainnav li#navhelp a {
    background-image: url(../images/nav-help.png);
    width: 178px;
}

#mainnav li#navforum a {
    background-image: url(../images/nav-forum.png);
    width: 133px;
}

#mainnav li#navereaders a {
    background-image: url(../images/nav-ereaders.png);
    width: 84px;
}

#search {
    float: left;
    width: 320px;
}

#search .querybox {
    float: left;
    width: 187px;
    height: 22px;
    background-color: white;
    margin-top: 7px;
    margin-left: 7px;
}

#search .querybox .searchicon {
    float: left;
    background-image: url(../images/searchicon.png);
    background-repeat: no-repeat;
    background-position: 3px 3px;
    width: 27px;
    height: 17px;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
}

#search #q { 
    border: 0px;
    padding-top: 3px;
    width: 160px;
}

#search .submitback {
    float: left;
    width: 82px;
    height: 35px;
}

#search .submitback:hover {
    background-image: url(../images/navhover.png);
    height: 37px;
    
}

#search .submit {
 
     width: 82px;
     height: 35px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent url(../images/nav-search.png) no-repeat center top;
    text-indent: -1000em;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
}

#bottomnav {
    padding-top: 30px;
    text-align: center;
}

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

#bottomnav a:hover {
    text-decoration: underline;
}

#legal {
    margin-top: 15px;
    text-align: center;
    font-size: 0.7em;
}

#authorlinks {
    margin-top: 15px;
    text-align: center;
    font-size: 0.5em;
    color: gray;
}

/**
 * Home
 */

#mainbanner {
    clear: both;
}

#books2dvd {
    float: left;
    display: block;
}

#homebuyitnow {
    float: right;
/*    background-image: url(../images/homebuyitnow.png);
    background-repeat: none;
    width: 160px;
    height: 155px;
    text-indent: -99999px;
*/
    display: block;
    margin-top: 18px;
}

#completecollectiontext {
    background-image: url(../images/completecollectiontext.png);
    background-repeat: none;    
    background-position: 4px 8px;
    /*width: 212px;*/
    height: 160px;
    text-indent: -99999px;
}

#dvdblurb,#dvdblurb p {
    text-align: justify;
    font-size: 12pt;
    line-height: 1.5em;
}

.bigarrownav {
    margin-top: 0.5em;
    background-repeat: none;    
    text-indent: -99999px;
    width: 210px;
    height: 26px;
    display: block;
    float: left;
}

#bigarrowbuydvd {
    margin-top: 0.5em;
}

.startexploring {
    background-image: url(../images/bigarrownav-startexploring.png);
}

.aboutdvd {
    background-image: url(../images/bigarrownav-abouthedvd.png);
}

.buydvd {
    background-image: url(../images/bigarrownav-buydvd.png);
}

.tallbox {
    background-image: url(../images/tallboxbackground.png);
    background-repeat: no-repeat;        
    /*width: 210px;*/
    height: 450px;
    /*padding-right: 15px;*/
}

.tallbox .bottom {
    background-image: url(../images/tallboxbottom.png);
    background-repeat: no-repeat;        
    position: relative;
    top: 440px;
    /*left: -15px;*/
    width: 210px;
    height: 8px;
}

.tallbox h2 {
    background-repeat: none;    
    width: 180px;
    height: 41px;
    text-indent: -99999px;    
}

#topbooks h2 {
    background-image: url(../images/tallboxtitle-topbooks.png);
}

#browsecategories h2 {
    background-image: url(../images/tallboxtitle-browsecategories.png);
}

#featuredauthor h2 {
    background-image: url(../images/tallboxtitle-featureauthor.png);
}

.book  {
    clear: both;
    padding-top: 10px;
    width: 190px;
}

.book img {
    margin-right: 10px;
    float: left;
    
}

.book h3.title a, .book h3.title {
    font-weight: bold;
    color: #5e554b;
    display: block;
}

.book .author {
    color: #5e554b;
    display: block;
}

.book  a {
    color: #d78a2e;
    display: block;
}

.tallbox .arrowlink {
    padding-top: 3px;
    background-position: 15px 6px;
    color: #d78a2e;
    padding-left: 33px;
}

.arrowlink {
    display: block;
    clear: both;
    padding-left: 18px;
    background-image: url(../images/smallarrow.png);
    background-repeat: no-repeat;            
    background-position: 0px 3px;
}

.tallbox p {
    /*width: 180px;*/
    color: #686056;
    padding-top: 10px;
    clear: both;
}

ul.categories {
    margin-top: 1em;
    margin-bottom: 2em;
}

ul.categories a {
    display: block;
    color: #5e554b;
    padding-left: 18px;
    background-image: url(../images/smallarrow.png);
    background-repeat: no-repeat;                
    background-position: 0px 3px;
    font-weight: bold;
}

.tallbox .contents {
    height: 410px;
    padding-left: 15px;
    /*width: 190px;*/
}

#featuredauthor img {
    margin-top: 10px;
    float: left;
    display: block;
    padding-right: 10px;
}

#featuredauthor h3 {
    margin-top: 10px;
    font-weight: bold;
    color: #5e554b;
}

ul.authorbooks {
    margin-top: 1em;
}

ul.authorbooks a {
    display: block;
    color: #5e554b;
    padding-left: 18px;
    background-image: url(../images/smallarrow.png);
    background-repeat: no-repeat;                
    background-position: 0px 3px;
    font-weight: bold;
}

.home-sidebar .first {
    background-image: url(../images/sidebarbackground.png);
    background-repeat: no-repeat;                    
    margin-top: 5px;
}

.home-sidebar  .item {
    padding-left: 25px;
    padding-right: 25px;
    background-color: #d9d7d0;
    margin-top: 1px;
    color: #5e554b;
}

.home-sidebar a {
    color: #d78a2e;
}

.home-sidebar h2 {
    background-repeat: no-repeat;    
    width: 193px;
    height: 41px;
    text-indent: -99999px;    
    padding-bottom: 1em;
    padding-left: 15px;

}

.home-sidebar h3 {
    font-weight: bold;
}

.home-sidebar .date {
    color: #979797;
}

#featuredreader {
    padding-bottom: 2em;
}

#featuredreader img {
    padding-bottom: 1em;
}

#featuredreader h2 {
    background-image: url(../images/sidebartitle-featuredereader.png);
}

#featuredreader p {
    margin-bottom: 2em;
}

#featuredreader h3 {
    padding-bottom: 0.5em;
}

#latestblog h2 {
    background-image: url(../images/sidebartitle-latestblogposts.png);
}

#latestblog .post {
    padding-bottom: 2em;
}

#latestblog .post h3 {
    color: #5e554b;
}

.home-sidebar .bottom {
    background-image: url(../images/sidebarbottom.png);
    background-repeat: no-repeat;        
    width: 240px;
    height: 8px;
    clear: both;
}

/**
 * Payment form
 */

/* #paymentform label { */
/*     float: left; */
/*     clear: left; */
/* } */

#paymentform select, #paymentform input  {
    
}

#paymentform {
    margin-left: 5em;
}

#paymentform .errorlist  {
    color: red;
    padding-left: 1em;
    display: inline;
}

#paymentform .errorlist li  {
    display: inline;
}

#paymentform tr {
    height: 2em;
}

#paymentform th {
    padding-bottom: 0.5em;
}

#paymentform th {
    width: 15em;
    color: #544125;
    font-weight: bold;
}

#paymentform .error th {
    color: red;
}

#paymentform .help_text {
    display: block;
    color: #797979;
    clear: both;
}

#paymentform td,#paymentform th {
    vertical-align: top;
}

.payments h1 {
    font-size: 2.5em;
    color: #5E554B;
    padding-bottom: 1em;
    font-weight: bold;
    border-bottom: 1px solid #5E554B;
    margin-bottom: 1em;
}

.payments .slogan {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 1.5em;
}

.payments h2 {
    font-size: 1.2em;
    font-weight: bold;
}

#id_cvv2 {
    width: 4em;
}

#id_issuenumber {
    width: 2em;
}

#paymenterror {
    border:1px dotted red;
    color:red;
    margin-bottom:1em;
    margin-top:1em;
    pading: 0.2em;
    text-align:center;
    width:30em;
}

#paypalbox {
    height: 150px;
    text-align: center;
}

#paypalbox h2 {
    color: #5E554B;
    font-size: 1.5em;
    padding-top: 1em;
    padding-bottom: 0.5em;
}

#paymentbottom img {
    position: relative;
    left:-16px;
}

#id_payment_method_0 {
    display: block;
    float: left;
    clear: left;
    margin-bottom: 1em;
    line-height: 40px;
    margin-top: 3px;
    margin-right: 5px;
}

#id_payment_method_1 {
    display: block;
    float: left;
    clear: left;
    line-height: 40px;
    margin-top: 8px;
    margin-right: 5px;
}

#payment_method_paypal {
    display: block;
    float: left;
    clear: right;
    text-indent: -999999px;
    background-image: url(../images/paypalexpresscheckout.gif);
    background-repeat: none;    
    width: 145px;
    height: 31px;
}

#payment_method_card {
    display: block;
    float: left;
    clear: right;
    text-indent: -999999px;
    background-image: url(../images/cards.gif);
    background-repeat: none;
    width: 184px;
    height: 18px;
}

/** 
 * cart
 */

table.cart td {
    font-weight: bold;
}

table.cart .totals td {
    text-align: right;
    padding-right: 2em;
}

/**
 * Browse
 */

#browsebooks .browseby h1 {
    color: #3d2812;
    font-weight: bold;
    font-size: 1.5em;
}

#browsebooks .browseby li {
    display: block;
    width: 104px;
    height: 30px;
    overflow: hidden;
    float: left;
    margin-right: 3px;
    margin-top: 15px;
    margin-bottom: 30px;
}

#browsebooks .browseby li a {
    display: block;
    width: 104px;
    height: 30px;
    background: url(../images/browsenav-normal.png);
    text-align: center;
    color: #5c4e31;
    text-decoration: none;
    font-size: 20px;
    padding-top: 3px;
}

#browsebooks .browseby li a:hover {
    color: white;
}

#browsebooks .browseby ul.author li.author a, #browsebooks .browseby ul.title li.title a,#browsebooks .browseby ul.category li.category a {
    background: url(../images/browsenav-current.png);
    color: white;
}

#browsebooks .browsecurrent {
    width: 670px;
    height: 51px;
    display: block;
    clear: both;
}

#browsebooks .browsealpha {
    background: url(../images/browsetop-alpha.png);
}

#browsebooks .browsedetail {
    background: url(../images/browsetop-detail.png);
}

#browsebooks .browsecurrent h1 {
    font-face: Arial;
    font-size: 1.8em;
    padding-top: 10px;
    padding-left: 20px;
    font-weight: bold;
    float: left;
    
}

#browsebooks .browsealpha h1 {
width: 200px;
}

#browsebooks .alphabet {
    float: left;
    padding-top: 13px;
    padding-left: 10px;
}

#browsebooks .alphabet li {
    font-weight: bold;
    font-size: 17px;
    float: left;
}

#browsebooks .alphabet li a {
    color: white;
    text-decoration: none;
    display: block;
    padding-right: 5px;
}

#browsebooks .alphabet li a:hover {
    color: #5c4e31;
}

#browsebooks .alphabet li span {
    color: #aab7c8;
    padding-right: 5px;
}

#browsebooks .content {
    width: 670px;
    border-left: 1px solid #865b49;
    border-right: 1px solid #865b49;
}


/* css hack to fix problem with IEs stupid box model */
html>body #browsebooks .content {
    width: 668px;
} 

#browsebooks .pagination {
    width: 670px;
    height: 49px;
    background-image: url(../images/browsebottom.png);
    overflow: hidden;
}

#browsebooks .pagination .pager {
    font-size: 15px;
    padding-top: 17px;
    padding-left: 10px;
}

#browsebooks .pager span {
    display: block;
    float: left;
    padding-left: 7px;
}

#browsebooks .pager .prev, #browsebooks .pager .noprev {
    text-indent: -99999px;
    display: block;
    background-image: url(../images/pagerarrowleft.png);
    background-repeat: no-repeat;
    width: 11px;
    height: 10px;
    margin-top: 4px;
    background-position: 7px 0px;
}

#browsebooks .pager .next, #browsebooks .pager .nonext {
    text-indent: -99999px;
    display: block;
    background-image: url(../images/pagerarrowright.png);
    background-repeat: no-repeat;
    width: 11px;
    height: 10px;
    margin-top: 4px;
    background-position: 7px 0px;
}

#browsebooks .pager a {
    display: block;
}

#browsebooks .content h1 {
    color: #3d2812;
    font-size: 1.5em;
    margin-bottom: 1.5em;
}

#browsebooks .content h2 {
    color: #3d2812;
    font-size: 1.2em;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}


/**
 * Browse titles
 */

#browsebooks .book {
    width: 300px;
    float: left;
    clear: none;
    padding-left: 1em;
    margin-bottom: 20px;
    margin-left: 20px;
}


/**
 * Browse authors
 */

#browsebooks table.authors {
    width: 668px;
}

#browsebooks table.authors tr.odd {
    background: #e8e7e3;
}

#browsebooks table.authors td {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 10px;
    vertical-align: top;
}

#browsebooks table.authors td a {
    color: black;
    font-weight: bold;
}

#browsebooks table.authors td.author {
    width: 200px;
}

#browsebooks table.authors td li {
    list-style-type: circle;
}


/**
 * Book detail 
 */

.book-detail {
    padding-top: 20px;
}

.book-detail .info {
    margin-left: 280px;
    margin-right: 20px;
}

.book-detail .prop {
    margin-bottom: 5px;
}

.book-detail .label {
    width: 100px;
    display: block;
    float: left;
    color: #3d2812;
    font-weight: bold;
}

.book-detail .data {
    margin-left: 100px;
    display: block;
}

.book-detail img {
    float: left;
    padding-left: 20px;
    padding-bottom: 50px;
    width: 220px;
    height: 284px;
}

/**
 * Author detail
 */

.author-detail h1 {
    margin-left: 20px;
    margin-top: 1em;
}

.author-detail .bio {
    padding-top: 20px;
    margin-left: 20px;
    margin-right: 100px;
}

.author-detail .bio a {
    color: black;
}


.author-detail .bio-source {
    margin-bottom: 1em;
    margin-top: 0.5em;
    margin-left: 20px;
    font-size: 0.7em;
    font-style: italic;
}

.author-detail .books .book-link {
    margin-left: 20px;
    margin-bottom: 0.5em;
}

/**
 * Categories
 */

.category table.books {
    width: 498px;
}

.category table.books tr.odd {
    background-color: #e8e7e3;
}

.category table.books tr.odd td.books {
    background-image: url(../images/rowgradient.png);
    background-repeat: repeat-y;
}

.category table.books td {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 10px;
    vertical-align: top;
    margin: 0px;
}

.category table.books td a {
    color: black;
    font-weight: bold;
}

.category table.books td.author {
    width: 200px;
}

.category table.books tr.odd td.author {
   background-color: #e8e7e3;
}

.category table.books td li {
    list-style-type: circle;
}

.category .subcategories {
    width: 150px;
    float: left;
}

.category .subcategories li {
    /* list-style-type: circle; */
    margin-left: 20px;        
    margin-bottom: 4px;
}

.category .subcategories li span {
    font-weight: bold;
}

.category .books {
    margin-left: 170px;
}


/**
 * Picks
 */

.picks {
margin-left: 20px;
}

.picks h1 {
    margin-bottom: 0.5em !important;
    margin-top: 0.5em !important;
}

.picks div {
    float: left;
    margin-right: 3em;
    margin-bottom: 2em;
}



/**
 * search
 */

.search-error {
    margin-left: 20px;
}



/**
 * Landing pages
 */

body.landingpage #main .block {
    padding-left: 1em;
    padding-right: 1em;
}


/*
.cms img {
line-height: 0;
}
*/

body.landingpage #main p {
    text-align: justify;
    font-size: 12pt;
    margin-bottom: 1em;
}

body.landingpage #main h2 {
    color: #5E554B;
    font-size: 1.5em;
    padding-bottom: 0.5em;
}

body.landingpage #main h3 {
    color: #5E554B;
    font-size: 1.2em;
    padding-bottom: 0.5em;
}

body.landingpage #main h1 {
    color: #5E554B;
    font-size: 2.5em;
    padding-bottom: 0.5em;
}

body.landingpage #main ul {
    padding-top: 1em;
    padding-left: 2em;
}

body.landingpage #main li {
    list-style-type: circle;
}