body { font-family: "trebuchet ms"; } a { text-decoration: none; } a:link { color: #003399; } a:visited { color: #3366CC; } a:active { color: #333399; text-decoration: underline; } a:hover { color: #333399; text-decoration: underline; } a> img { display: block; padding: 5px; border: 0; } h1, h2, h3, h4 { font-weight: normal; } #container { width: 600px; margin: auto; } #header { background-color: #FD010D; margin: 30px 0; padding: 10px; color: #fff; } #column { width: 150px; float: right; } .book { width: 450px; } .detail { float: left; width: 400px; margin-bottom:30px; } .booktitle { font-size: 1.75em; margin: 0; padding: 5px 0; } .description { text-align: justify; width: 90%; margin-bottom: 40px; color: #000; line-height: 1.1em; } .description li { width: 95%; font-size: 0.85em; line-height: 1.1em; padding-bottom: 0.5em; } /* shopping cart styles */ .cart fieldset { border: 0; } .old { color: #444; font-size: small; text-decoration: line-through; } #downloads { clear: both; margin-top: 30px; } #downloads img { display: inline; } #downloads ul, #downloads li { display: inline; margin:0; padding: 3px; list-style-type: none; } #tagline { clear: both; display: block; border-top: 5px solid #fff; color: #fff; background-color: #FD010D; text-align: center; text-transform: uppercase; font-size: 0.85em; font-weight: bold; letter-spacing: 0.1em; padding: 5px; margin: 0; } #footer { margin: 0; padding: 10px 15px; background-color: #eee; } #footer a { color: #666; } #footer ul { margin:0; padding: 10px 0 0 20px; } #footer ul li { display: inline; list-style-type: none; font-size: small; padding-left: 20px; } .copyright{ color: #666; text-align: right; font-size: small; margin: 5px; padding-right: 20px; font-family: arial, sans-serif; } /* PRODUCT DETAILS AND FEATURES */ .productfeatures li { list-style-type: circle; color: #333; } .productdetails, .productfeatures { font-size: 0.8em; } #bookdetail dl { display: inline; margin-bottom: 50px; } #bookdetail dt { float: left; width: 0px; margin: 0; padding: 3px 0; clear: both; height: 100px; } #bookdetail dt img { border: 1px solid #eee; margin: 0; padding: 0; } #bookdetail dd { float: left; margin-left: 90px; margin-top: 20px; padding-top: 20px; height: 80px; } #bookdetail fieldset { border: 0; } #bookdetail h3 { font-size: .9em; padding: 0; margin: 0; } #bookdetail p, .detail p { font-size: .9em; padding: 0; margin: 4px; color: #333; } /* SHOPPING CART*/ .price { padding: 1em; margin: 1em; border: 1px solid #666; } .cart, .cartadd { margin: 0; padding: 0; } .cart form, .cart fieldset, .cartadd form, .cartadd fieldset { margin: 0; padding: 0; border: 0; } .cartadd form, .cartadd fieldset { display: inline; } .cart .submitbutton { width: 100px; font-size: 0.9em; border: 1px solid #ccc; background-color: #eee; } .cartadd .submitbutton { width: 100px; font-size: 0.9em; border: 1px solid #ccc; background-color: #eee; } .cart input, .cartadd input { border: 1px solid #ccc; background-color: #fee; } .priceoffer { color: #f00; } table, tr, td { padding: 0; margin: 0; border-collapse: collapse; } tr { border-bottom: 1px solid #666; padding: 5px; } td { padding: 5px; } td { font-size: 0.9em; width: 30%; } .td_price { width: 40% } .td_cart { text-align:right; } /* SERIES COVER SETS */ .coversingle { padding: 2px; border: 1px solid #ccc; } } .coverset { width: 160px; height: 80px; margin: 0; padding: 0; } .coverset ul { margin: 0; padding: 0; } .coverset li { list-style-type: none; display: inline; } .coverset img { display: block; float: left; padding: 1px; border: 1px solid #eee; } .coverset .cover1 { position: relative; left: 0px; top: 0px; z-index:1; } .coverset .cover2 { position: relative; left: -31px; top: 10px; z-index:2; } .coverset .cover3 { position: relative; left: -62px; top: 20px; z-index:3; } .coversetmed { width:00px; height: 90px; margin: 0; padding: 0; padding-bottom: 30px; } .coversetmed ul { margin: 0; padding: 0; } .coversetmed li { list-style-type: none; display: inline; } .coversetmed img { display: block; float: left; padding: 1px; border: 1px solid #eee; } .coversetmed .cover1 { position: relative; left: 0px; top: 0px; z-index:1; } .coversetmed .cover2 { position: relative; left: 20px; top: 20px; z-index:2; } .coversetmed .cover3 { position: relative; left: 40px; top: 40px; z-index:3; } /* PACKS AND BOOKS IN SERIES*/ #column { font-size: 0.85em; } #column ul, #column li { margin: 0.5em; padding: 0; } #pack > #inpack, #pack > .booksinseries, #group > #inpack { margin-top: 100px; }