@charset "utf-8";
/* CSS Document */
body {padding: 0px; margin: 0px; font: small arial, helvetica, sans-serif; color: #000000; background-color: #FFFFFF}
a {color: #003399; text-decoration: none;}
a:visited {color: #1033a9}
a:hover {text-decoration: underline}
a:active {color: #000000; text-decoration: none}
hr {color: #aaa}
h1 {margin-top: 0px; font-size: 140%; padding-bottom: 5px; border-bottom: gray 1px solid}
h2 {padding: 5px 0px; border-top: silver 1px solid; font-size: 125%; margin: 7px 0px; border-bottom: silver 1px solid}
h3 {font-size: 110%; margin: 3px 0px}
.hr {padding: 0px; background: url(/ereader/graphics/line.gif) repeat-x center center; margin: 6px 0px; height: 1px}
.hr hr {display: none}
.message {color: #0000e0}
.error {color: #e00000}
.message-important {color: #e00000}
.arrow {color: #c30}
.heading {font-weight: bold}
.http-error {margin: 15px}
div.http-error .category {text-align: left}
#header {background-color: #336799}
#header #logo {float: left; width: 306px; height: 60px; background-color: #036}
#header #division {float: right; margin: 25px 20px 0px 0px}
#header #nav-top {padding-top: 26px; height: 34px; overflow: hidden ; background-color: #336799; voice-family: ""}
html>body #header #nav-top {height: 34px} /*padding-left: 337px*/
#header .nav {font-weight: bold; font-size: 12px; color: #FFFFFF}
#header .nav #cart-icon {margin-top: -3px; margin-right: 4px; text-align: left}/*text-align: right*/
#header .nav a.item-selected {color: #FFFFFF}
#header .nav a.item {color: #fc3}
#header .nav a.item:visited {color: #fc3}
#header .nav a.item:hover {color: #FFFFFF; text-decoration: none}
#header .nav a.item-selected:hover {color: #FFFFFF; text-decoration: none}
#header-banner {clear: both; padding: 0px 0px 0px 168px; margin: 0px; background-color: #354554} /*#ffffff*/
#header-banner .left-cell {padding: 0px; float: left; margin: 0px; width: 168px; height: auto; background-color: #354554}
html>body #header-banner .left-cell {width: 168px}
#header-banner .banner {padding: 0px; font-weight: bold; font-size: 16px; margin: 0px; color: #fc6; height: auto; background-color: #354554} /*#ffffff*/
#header-banner .banner .text {padding-left: 178px; padding-top: 10px}
#header-banner .banner img {padding: 0px;}
#header-banner .banner img.left {padding-right: 13px; float: left}
#footer {position: relative; padding:0px; margin:0px;}
#footer-top {background-color: #69c;}
#footer .top-left {float: left; padding: 0px; margin: 0px; width: 168px; height: 40px; background-color: #788797}
#footer .top-left .nav {padding-left: 150px; width: 100%; padding-top: 12px; white-space: nowrap; position: relative; text-align: center}
#footer .top-right {padding: 0px; margin: 0px; height: 40px; background-color: #69c; text-align: center; overflow: hidden}
#footer .top-right .nav {padding: 12px}
#footer-bottom {clear: left; background-color: #336799}
#footer .bottom-left {padding: 0px; float: left; margin: 0px; width: 168px; height: 66px; background-color: #576675}
#footer .bottom-right {padding: 0px; margin: 0px; height: 66px; background-color: #336799; text-align: center}
#footer .bottom-right img {float: right; margin: 3px 5px}
#footer .bottom-right .legal {font-size: 10px; padding-top: 16px}
#footer .bottom-right .legal a {font-size: x-small; color: #FFFFFF !important}
#footer .nav {font-weight: bold; font-size: 12px; color: #FFFFFF}
#footer .nav .item {color: #FFFFFF}
#footer .nav .item-selected {color: #FFFFFF}
#footer .nav a {color: #fc3}
#footer .nav a:visited {color: #fc3}
#footer .nav a:hover {color: #FFFFFF; text-decoration: none}
#footer .nav .item-selected a:hover {color: #FFFFFF; text-decoration: none}
.form .message-dim {color: #666}
.form .label {font-weight: bold}
.form .required {color: #e00000}
.form .field .date input {font-family: monospace}
.form .field .phone input {font-family: monospace}
#sidebar-left {vertical-align: top}
#sidebar-right {vertical-align: top}
#sidebar-left .box {padding: 6px 0px; margin: 0px}
#sidebar-right .box {padding: 6px 0px; margin: 0px}
#sidebar-left .box .content {padding: 6px; text-align: left}
#sidebar-right .box .content {padding: 6px; text-align: left}
#sidebar-left {width: 168px; background-color: #c5b9ad}
#sidebar-left .announce-box .content {font-size: 12px}
#sidebar-left .book-category-browse-list {font-size: 12px}
#sidebar-left .book-category-browse-list .category-selected {font-weight: bold}
#sidebar-left .book-category-browse-list .subcategory-selected {font-weight: bold}
#sidebar-left .book-category-browse-list .subcategory {padding-left: 1.5em; font-size: 90%}
#sidebar-left .book-category-browse-list .subcategory-selected {padding-left: 1.5em; font-size: 90%}
#sidebar-left .link-box {padding: 6px; font-weight: bold; font-size: 11px}
#sidebar-left .link-box .sep {padding-right: 2px; padding-left: 2px; font-weight: normal}
#sidebar-left .link-box li:before {content: "? " }
#sidebar-left .search-box {padding: 0px 6px; vertical-align: middle; background-color: #788797}
#sidebar-left a.search-link {color: #FFFFFF}
#sidebar-left .search-box .nav {padding: 4px 0px; font-weight: bold; font-size: 11px; color: #FFFFFF; white-space: nowrap; text-align: center}
#sidebar-left .search-box .nav a {color: #fc3}
#sidebar-left .search-box .nav a:visited {color: #fc3}
#sidebar-left .search-box .nav a:hover {color: #FFFFFF; text-decoration: none}
#sidebar-left .search-box form {padding-bottom: 3px}
#sidebar-left .search-box .go-button {vertical-align: middle}
#sidebar-left .search-box input.keywords {font-size: 10px}
#sidebar-left .search-box input.go-button {width: 24px; border-style: none; height: 13px}
#sidebar-left .account-box {padding-right: 6px; padding-left: 6px; font-size: 12px; padding-bottom: 6px; padding-top: 6px}
#sidebar-left #category-popup-form {display: inline}
#sidebar-left #category-popup {font-size: 11px}


#sidebar-left .section_title {color: #fff; font-size: 15px; font-weight: bold; background-color: #ae9f91; padding: 6px}
#sidebar-left .section {color: #333; font-size: 11px; padding: 6px; margin-bottom: 20px}
#sidebar-left .section form {padding: 0px; margin: 0px}
#sidebar-left .section .level {margin-bottom: 5px}
#sidebar-left .section input.input {font-size: 10px; width: 107px}
#sidebar-left .link-box .menu {padding: 2px 0px}
#content-body {background-color: #ffffff}
#layout #content-body .banner {white-space: nowrap}
#layout #content-body .banner .section_title {display: inline; padding: 17px; line-height: 34px; border-right: 1px solid #ccc}
#layout #content-body .banner a .section_title, #layout #content-body .banner a:visited .section_title {font-weight: bold; color: #fff}
#layout #content-body .banner a:hover .section_title {color: #fc3; text-decoration: none}
#layout #content-body .banner .content a.selected .section_title {color: #fc3; text-decoration: none}
#layout #content-body div.welcome, #layout #content-body table.welcome td {color: #444; padding: 15px}
#layout #content-body .welcome .pagetitle {color: #CD7E39; font-weight: bold}
#layout #content-body .welcome .stress {color: #2F6CA8}
#layout #content-body .welcome .screen {margin: 8px 0px}
#layout #content-body .welcome ul, #layout #content-body .welcome ol {padding-top: 3px; margin-top: 3px}
#layout #content-body .welcome li {margin-bottom: 6px}
#layout #content-body .welcome li li {margin-bottom: 0px}
#sidebar-right .section_title {color: #fff; font-size: 15px; font-weight: bold; background-color: #abc0d7; padding: 6px}
#sidebar-right .cover-list {text-align: center; font-size: 10px; margin-bottom: 15px}
.screen {border: 1px solid silver}
.smaller {font-size: 86%}
div.spacer {margin: 5px; clear: both}
#layout #content-body table.product-block td {font-size: 91%}

/* software download pages */
table.ss tr.screen_titles td {background-color: #DFE7EE; border: 1px solid #CDE; padding: 4px; color: #103961; text-align: center}
table.ss tr.screen_titles td.spacer {background-color: #FFF; border: 0px}

#sidebar-right {width: 140px; background-color: #ccd9e5}
#sidebar-right .banner {height: 50px; background-color: #598cbf}
#sidebar-right .banner .content {padding: 10px 5px 5px 10px; font-weight: bold; font-size: 12px; color: #FFFFFF}
#sidebar-right .body {padding-right: 5px; padding-left: 5px; padding-bottom: 5px; padding-top: 5px}
#sidebar-right .cart-empty img {vertical-align: text-bottom}
#sidebar-right .cart-empty {margin: 0px 0px 1em; color: gray}
#sidebar-right .cart ul.items {padding: 0px; font-weight: bold; font-size: 11px; margin: 0px 0px 10px; list-style-type: none}
#sidebar-right .cart ul.items li {display: block; margin-bottom: 10px}
#sidebar-right .cart ul.items li .info {font-size: x-small; color: gray !important; font-style: italic}
#sidebar-right .cart ul.items li .info a {font-size: x-small; color: gray !important; font-style: italic}
#sidebar-right .cart .old-price {font-weight: normal; color: gray; text-decoration: line-through}
#sidebar-right .cart .subtotal {font-weight: bold; font-size: 11px; margin: 10px 0px}
#layout #content-body .banner {color: #FFFFFF; height: 50px; background-color: #69c;} /*#69c*/
#layout #content-body .banner .more-link {font-size: 12px}
#layout #content-body .banner .more-link .sep {white-space: nowrap}
#layout #content-body .banner .content {padding: 8px 10px 3px 20px}
#layout #content-body .banner h1 {padding: 0px; display: inline; font-weight: bold; font-size: 18px; border-style: none}
#layout #content-body .banner h2 {padding: 0px; display: inline; font-weight: bold; font-size: 11px; margin: 0px; vertical-align: middle; color: #FFFFFF; border-style: none}
#layout #content-body .banner a {font-weight: bold; color: #fc3}
#layout #content-body .banner a:visited {font-weight: bold; color: #fc3}
#layout #content-body .banner a:hover {color: #FFFFFF; text-decoration: none}
#layout #content-body .banner .selected a:hover {color: #FFFFFF; text-decoration: none}
#layout #content-body {vertical-align: top}
#layout #content-body #content { padding: 10px 15px; vertical-align: top}
#layout #content-body #content p.top {margin-top: 0px; padding-top: 0px}
.login .form h1 {padding: 0px; margin: 0px 0px 0.5em; border-style: none; white-space: nowrap}
.login .form .sign-in {border-right: gray 1px solid; padding-right: 25px}
.login .form .new-user {padding-left: 25px}
.login .form .help {font-weight: bold}
.message-box {border: silver 1px solid; margin-bottom: 10px}
.message-box .title {font-weight: bold; font-size: small; color: #ccc; background-color: #003}
.message-box .icon {font-weight: bold; font-size: 40px; color: #900; font-family: times, "times new roman", serif}
.message-box .body {background-color: #e0e0e0}
.link-box a.title {color: #000000;}

.EREADER_SEARCH_SPONSLINKS div {padding: 4px; font-size: 100%; font-weight: bold}
.EREADER_SEARCH_SPONSLINKS {padding: 4px; background-color: #FBE9C2}
.EREADER_SEARCH_SPONSLINKS img {margin: 4px 0px}
.cvv_text { background-color: #FFFF00; }

.category a.buynow {font-weight: bold; background-color: #FFCC33; line-height:180%; border-bottom: 1px #999999 solid}