body { background: #e7e1c1 url('bg.jpg'); font: 12px/1.2 Arial, Helvetica, sans-serif; color: #333; padding: 0; margin: 0;	 } /* png fix for IE6 */ img, div { behavior: url('iepngfix.htc'); } /* png fix for IE6 */ h1, h2, h3, p, ul, li, form { padding: 0; margin: 0; } h1 { font-size: 18px; } h2 { font-size: 15px; padding: 10px 0; } p { padding-bottom: 0.5em; } a:link, a:visited { color: #666; text-decoration: none; }  a:active, a:hover { color: #999; text-decoration: underline; }  .alt { display: none; } #book-cover-left { width: 990px; margin: 0 auto; background: url('cover-left.png') repeat-y; } #book-cover-right { width: 975px; margin-left: 15px; background: url('cover-right.png') right repeat-y; } #pages { width: 960px; margin-right: 15px; background:url('page-edge.gif'); } #main-area { margin: 0 10px; padding: 15px; background: #fdfbef; } #sidebar { float: left; width: 136px; margin: 0; } #main { float: right; width: 754px; margin: 0; } #footer { clear: both; padding: 10px; text-align: right; } #book-cover-bottom { width: 990px; height: 15px; background: url('cover-bottom.png'); margin: 0 auto 0 auto; } #logo { width: 136px; height: 127px; margin-bottom: 10px; background: url('logo.png') no-repeat; } #logo a{ display: block; width: 136px; height: 127px; } ul.section-list { padding: 0; margin: 0; list-style: none; } ul.section-list a { display: block; padding: 3px 0; border-bottom: dotted 1px #ddd; } a.category-link { display: block; padding: 3px 0; border-bottom: dotted 1px #ddd; width: 400px; } a.sidebar-promotion { display: block; width: 136px; height: 127px; background: #eee; margin-bottom: 10px; } a.sidebar-promotion:hover { background: #ddd; text-decoration: none; } a.sidebar-promotion p { padding: 30px 10px 0 10px; } #right-header-area { height: 70px; margin: 10px; } ul#top-menu-bar { text-align: center; list-style: none; padding: 0; margin: 0; } ul#top-menu-bar li { display: inline; padding: 0 10px; } #breadcrumb { background: #000; color: white; font-size: 12px; font-weight: bold; border: solid 1px #000; height: 29px; } #breadcrumb a { color: white; } #search-cart ul { margin-left: 5px; list-style: none; } #search-cart ul li { list-style: none; float: left; margin-right: 20px; } #search-cart ul li.search-field { margin-right: 5px; line-height: 28px; } #search-cart ul li.search-field input { font: 11px Arial, Helvetica, sans-serif; border: solid 1px #ccc; padding: 2px; margin-top: 5px; } #search-cart ul li.search-field select { font: 11px Arial, Helvetica, sans-serif; margin-top: 5px; width: 150px; height: 19px; padding: 1px 0; border: solid 1px #fff; } #search-cart ul li.search-button { margin-top: 7px; font: 11px Arial, Helvetica, sans-serif; } #search-cart ul li.search-button input { font: 11px Arial, Helvetica, sans-serif; border: solid 1px #ccc; padding: 0 1px; background: #eee; color: #666;	 } #search-cart ul li.search-title, #search-cart ul li.view-cart, #search-cart ul li.checkout { line-height: 28px; } #search-cart ul li.next-section, #search-cart ul li.previous-section { /* float: right; margin-right: 5px; line-height: 28px; */ display: none; } #search-cart ul li.next-section-search, #search-cart ul li.previous-section-search { float: right; margin-right: 5px; line-height: 28px; } #search-cart ul li.view-cart{ background: url('shopping-cart-icon.gif') left no-repeat; padding-left: 25px; float: right;	 } #search-cart ul li.checkout { float: right;	 } #page-content { padding: 20px; border: solid 1px #ddd; border-top: 0; background: #fff; } .product-summary-br { margin: 7px; float: left; background: url('summary-box-br.gif') no-repeat bottom right; display: inline; } .product-summary-bl { background: url('summary-box-bl.gif') no-repeat bottom left; padding: 0 0 4px 0; } .product-summary-tr { background: url('summary-box-tr.gif') no-repeat top right; padding: 0 4px 0 0; } .product-summary-tl { background: url('summary-box-tl.gif') no-repeat top left; padding: 4px 0 0 4px; } .product-summary { width: 156px; } .product-summary-image { margin-top: 5px; text-align: center; height: 130px; } .product-summary-image img { /* border: solid 1px #eee; */ } .product-summary-name { height: 55px; text-align: center; margin: 0 5px; overflow: hidden; } .price-cart { height: 28px; } .product-summary-price { float: left; margin-left: 20px; margin-top: 3px; display: inline; } .product-summary-button { float: right; margin-right: 20px; display: inline; } .product-details-text { float: left; width: 490px; position: relative; } .price-cart-review-wrapper { position: relative; } .product-price-cart { height: 100px; } .product-details-price { width: 130px; margin-top: 13px; } .product-details-cart { position: absolute; right: 0px; top: 0px; width: 360px; height: 100px; } .review-outer { background: url('quote-1.gif') no-repeat top left; margin-top: 20px; } .review-inner { background: url('quote-2.gif') no-repeat bottom right; padding: 20px 10px; } .review-box { padding-right: 10px; } .review-heading { font-size: 15px; padding: 10px 0; font-weight: bold;	 } .product-details-image { float: right; margin: 0 0 0 20px; width: 200px; text-align: center; } .top-page-section-link { width: 130px; height: 130px; border: solid 1px #ccc; float: left; background: yellow; } .top-page-section-link a { display: block; padding: 95px 5px 5px 5px; height: 30px; font-size: 13px; font-weight: bold; text-align: center; color: white; background: url('section-link-bg.png') bottom no-repeat; } .top-page-section-link a:hover { color: white; } .top-page-section-link h1 { padding: 95px 5px 5px 5px; height: 30px; font-size: 13px; font-weight: bold; text-align: center; color: white; background: url('section-link-bg.png') bottom no-repeat; } /* tabs */ .shadetabs { height: 26px; clear: both; font-size: 14px; font-weight: bold; text-transform: uppercase; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ margin: 0; padding: 0; } .shadetabs li { display: inline; } .shadetabs li a { text-decoration: none; position: relative; z-index: 1; padding: 0 10px 0 8px; height: 26px; display: block; float: left; color: #fff; border: 0; outline: none; margin-right: 1px; } .shadetabs li a:link, .shadetabs li a:visited, .shadetabs li a:hover, .shadetabs li a:active { background: #666; } .shadetabs li a.selected:link, .shadetabs li a.selected:visited, .shadetabs li a.selected:hover, .shadetabs li a.selected:active { /*selected main tab style */ background: #333; text-decoration: none; } .shadetabs li a p { padding: 6px 0 0 0; } .tabcontent{ display:none; } @media print { .tabcontent { display:block !important; } } /* start auto suggestion list */ #search-cart .sf_suggestion { position: absolute; line-height: 15px; z-index: 2147483637; } #search-cart .sf_suggestion ul { margin: 1px; padding: 0px; background: #ffffff;  border: 1px solid rgb(51, 51, 51); top: 0; left: 0; } #search-cart .sf_suggestion li{ margin: 0px; padding: 0px; list-style: none; float: none; display: block; } #search-cart .sf_suggestion li a { display: block; text-indent: 5px; text-align: left; padding: 5px; text-decoration: none; } #search-cart .sf_suggestion li.selected a { background: #cccccc; color: #000000; font-weight: normal; } #search-cart .sf_suggestion li.notselected a{ color: #000000; font-weight: normal; } /* end auto suggestion list */ @media only screen and (max-width: 800px) { .review-box { max-height: inherit; } }