/*-------------------------------------------------------
  section layout */
#main { margin-left: 160px; padding: 5px 24px 20px; }
/* #main { position: absolute; z-index: 1; left: 160px; right: 0; padding: 5px 24px 20px; } */
#submain { position: relative; }
#sidebar { position: absolute; top: 0; left: 0; width: 160px; border-width: 0 1px 1px 0; border-style: solid; }
#odlis { margin: -5px -24px -20px; padding: 5px 24px 20px; }
@media print { 
 #main { margin-left: 0; }
 #sidebar { display: none; }
 }
/*-------------------------------------------------------
  font families */
#main { font-family: Palatino, "Palatino Linotype", "Century Schoolbook", "New Century Schoolbook", serif; }
a.right,
button,
input.button,
span.button,
ul.pagemenu li,
.caption,
/*.text-logo,*/
#sidebar { font-family: Verdana, Helvetica, Arial, sans-serif; }
#odlis dt,
#odlis h1,
#odlis h2,
#odlis h3,
#odlis h4,
#odlis td { font-family: Arial, sans-serif; }
#odlis li { font-family: "Times New Roman", serif; }
/*-------------------------------------------------------
  colors and backgrounds */
body { color: white; background: url("/images/bg-iml.gif") top left repeat #007000; }
button { color: black; background: url("/images/button-bg.jpg") center left repeat #F2EADF; }
input[disabled] { color: #999999; }
.btn-addtocart,
.btn-ok { background: url("/images/button-bg-check.jpg") center left repeat-y #F2EADF; }
.btn-cancel,
.btn-close,
.btn-reset { background: url("/images/button-bg-x.jpg") center left repeat-y #F2EADF; }
.btn-updatecart { background: url("/images/button-bg-pencil.jpg") center left repeat-y #F2EADF; }
.btn-checkout { background: url("/images/button-bg-dollar.jpg") center left repeat-y #F2EADF; }
a img,
.label img { border-color: black; }

#main { color: black; background: url("/images/marblehead-bg.jpg") top left no-repeat #F2EADF; }
#main a,
#main a:hover img { color: black; background: transparent; }
#main a:hover { color: #F2EADF; background: black; }
#main a.invalid { color: white; background: #CC0000; }
#main a.missing { color: black; background: #D7D9E8; }
#main a.term { color: black; background: transparent; border-color: #CCCCCC; }
#main .here *,
#main .here a:hover { color: black; background: #CCFFCC; }
#main table.gallery a img { border-color: #F2EADF; }
#main table.gallery a:hover img { border-color: #000000; }

#sidebar p,
#sidebar a { color: white; background: transparent; }
#sidebar a:hover,
#sidebar .here * { color: black; background: #CCFFCC; }
#sidebar h4 { color: black; background: white; }
#sidebar .group { border-color: #CCFFCC; }
/*-------------------------------------------------------
  global (and #main) styles */
body { margin: 0; padding: 0; }
#main { line-height: 1.3; }
#main .here a { text-decoration: none; font-weight: bold; } /* more specific */
a { text-decoration: underline; }
a.choiceinfo { font-weight: bold; }
a.invalid,
a.missing { padding: 0 0.5em; text-decoration: none; }
a.right { margin: 0 0 0 1px; border: 1px solid; padding: 4px 10px; font-weight: normal; }
a.term { border-bottom: 1px solid; text-decoration: none; cursor: help; }
button,
input.button { padding-top: 1px; padding-bottom: 1px; font-size: 80%; font-weight: bold; }
dt { font-weight: bold; }
form { display: inline; margin: 0; }
h1 { margin: 0; padding: 5px 0; font-size: 160%; font-weight: bold; }
h1#marblehead { margin: 35px 0 0 0; padding: 0; }
h1+h2 { margin-top: 5px; }
h2 { margin: 10px -24px 0; border-top: 1px solid; padding: 10px 24px 0; font-size: 130%; font-weight: bold; }
h1 a.right { font-size: 60%; }
h2 a.right { font-size: 70%; }
h3 { margin: 0.75em 0 0; }
h4 { margin: 0.75em 0 0; }
img { border: none; }
img.border { border: 1px solid; }
img.left { padding: 0 5px 5px 0; }
img.right { padding: 0 0 5px 5px; }
img.thickborder { margin: 5px 0; border: 5px double; }
li { margin: 0.75em 0 0; }
li.tight { padding: 0; margin: 0; }
p { margin: 0.75em 0 0; }
p.hint { width: 100%; font-size: 90%; text-align: center; }
p.imgrow { text-align: center; }
p.imgrow img { padding: 0 12px; vertical-align: middle; }
p.prelist { margin-bottom: -0.75em; }
p.right { float: none; text-align: right; }
span.button { border: 1px solid; padding: 0 5px; font-size: 80%; font-weight: normal; white-space: nowrap; }
table { margin: 0.75em 0 0; }
table.blurb td { width: 50%; padding: 0; text-align: left; vertical-align: top; }
table.blurb td+td { padding-left: 8px; }
table.cols3 td { width: 33%; }
table.blurb td+td { padding: 0 0 0 8px; }
table.choices td { vertical-align: top; }
table.choices td.item { padding-left: 5px; font-weight: bold; }
table.choices td.choice { }
table.choices td.price { text-align: right; font-weight: bold; }
table.choices td.titletext { text-align: center; }
table.choices td.titletext img { display: block; margin: 0 auto; }
table.choices th { text-align: left; font-size: 125%; font-weight: bold; }
table.dybmenu td { width: 50%; padding: 0 8px 0 0; text-align: center; vertical-align: middle; }
table.dybmenu td+td { padding: 0 0 0 8px; }
table.dybmenu td h3 { margin-bottom: 0; font-size: 130%; }
table.dybmenu td p { margin-top: 0; }
table.gallery td { text-align: center; vertical-align: top; padding: 10px 10px 10px 0; }
table.gallery td+td { padding-left: 10px; }
table.gallery a img { border: 1px solid; }
table.overlay td { text-align: center; vertical-align: top; font-size: 85%; white-space: nowrap; }
table.overlay td div { position: relative; overflow: visible; }
table.overlay td div.cover { width: 101px; height: 130px; }
table.overlay td div.end { width: 190px; height: 130px; }
table.overlay td div.page { width: 190px; height: 130px; }
table.overlay td div img { position: absolute; left: 0; }
table.overlay td div.cover img { top: 0; }
table.overlay td div.end img { top: 0; }
table.overlay td div.page img { top: 12px; }
table.overlay td div img.dummy { background: white; }
td { padding: 2px 10px 2px 0; }
td.desc { text-align: right; font-weight: bold; }
ul { margin-left: 0; padding-left: 20px; list-style-position: outside; }
ul.pagemenu { margin: 0; padding: 0; list-style-type: none; }
ul.pagemenu li { display: inline; padding-right: 5px; font-size: 80%; white-space: nowrap; }
ul.pagemenu li+li:before { content: '| '; margin-left: -2px; }
.aside { font-size: 90%; font-weight: normal; }
.btn-addtocart,
.btn-cancel,
.btn-close,
.btn-checkout,
.btn-ok,
.btn-reset,
.btn-updatecart { padding-left: 16px; }
.buttonrow { width: 100%; margin: 0.75em 0 0; text-align: center; }
.cat { margin-bottom: 3px; font-weight: bold; }
.caption { margin: 0 auto; font-size: 80%; text-align: center; }
.catprice { font-weight: normal; }
.clear { clear: both; }
.label { margin-right: 5px; white-space: nowrap; }
.label img { border: 1px solid; }
.label img.noborder { border: none; }
.left { float: left; margin: 0 12px 5px 0; }
.required,
.restricted { font-style: italic; }
.right { float: right; margin: 0 0 5px 12px; }
.righton { float: right; clear: right; margin: 0 0 5px 12px; }
.tbd { font-style: italic; font-weight: bold; }
/*.text-logo { font-weight: bold; white-space: nowrap; }*/
/*p .text-logo { font-size: 90%; }*/
/*-------------------------------------------------------
  sidebar styles */
#sidebar a,
#sidebar p { display: block; margin: 0 0 2px 8px; padding: 4px; text-align: right; font-size: 80%; }
#sidebar h4 { margin: 0 0 2px 0; padding: 2px 5px; text-align: left; font-size: 85%; }
#sidebar img.logo { display: block; margin: 0 auto; padding: 5px; }
#sidebar p.copyright { margin-left: 0; font-size: 72%; }
#sidebar .group { border-width: 2px; border-style: solid; }
#sidebar .group a { text-align: left; margin-left: 6px; }
#sidebar .group p { font-weight: bold; font-size: 85%; }
#sidebar .here a { text-decoration: none; font-weight: bold; } /* more specific */
/*-------------------------------------------------------
  cart styles */
#cart table { margin: 0.75em 0 0; border-collapse: collapse; }
#cart table+table { margin-top: 0; }
#cart table.outer { margin: 0; }
#cart table.cart { width: 100%; }
#cart td { padding: 2px 5px; vertical-align: top; }
#cart td.desc { padding-top: 0; padding-bottom: 0; text-align: right; font-weight: bold; }
#cart td.detail { padding-top: 0; padding-bottom: 0; }
#cart td.empty { width: 100%; padding: 0 0.5em; text-align: center; }
#cart td.options p { margin: 0 0 0 0.5em; text-indent: -0.5em; }
#cart td.price { text-align: right; }
#cart td.qty { width: 2em; text-align: center; }
#cart td.remove { width: 2em; text-align: center; }
#cart tr.heading td { font-weight: bold; vertical-align: bottom; }
#cart tr.itemrow td { border: 1px solid black; vertical-align: middle; }
/*-------------------------------------------------------
  ODLIS (Online Dictionary for Library and Information Science) styles
  Mimic their styles in our environment */
#odlis li { font-size: 14px; }
#odlis h1 { padding: 0; border: none; margin: 0; font-size: 18px; font-weight: bold; }
#odlis h2 { padding: 0; border: none; margin: 0; font-size: 18px; font-weight: bold; }
#odlis h3 { font-size: 16px; font-weight: bold; }
#odlis h4 { font-size: 14px; }
#odlis td { vertical-align: middle; }