@import url('/css/objects/itembox.css');

/* <typography> */
body { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; }
#page { border: 1px solid black; border-top-width: 0; margin: 0 auto; text-align: left; width: 780px; }
#header { border: 1px solid gray; border-width: 0; margin: 0 auto; background-image: url('/images/header-bg.jpg'); background-repeat: no-repeat; background-position: right center; }
#content { border: 1px solid white; margin: 0 auto; padding: 0; }
#navbar { background-image: url('/images/nav_bg.gif'); background-repeat: x-repeat; border: 1px solid black; border-width: 0 1px; margin: 0 auto; padding: 0; }
#footer { margin: 10px 50px; font-size: 12px; text-align: center; }

h1 { font-size: 26px; margin-top:20px; margin-bottom:0em; margin-left: 10px; text-align: center;}
h2 { font-size: 14px; margin: 10px 100px 0px 100px; text-align: center;}
h3 { font-size: 14px; font-weight: normal; margin: 0em; }
img {border: 0px;}
#navbar img { margin: 0 10px; }

a:link { padding: 1px 2px; }
a:visited { padding: 1px 2px; }
a:hover { text-decoration: none; padding: 1px 2px; }

.noabg a, .noabg a:visited, .noabg a:hover { padding: 0; }

.aqua { margin-top: 20px; text-align: left; }
.aqua a, .aqua a:link, .aqua a:visited, .aqua a:active { font-size: 16px; font-weight: bold; padding: 1px 5px; }
.aqua a:hover { font-size: 16px; font-weight: bold; padding: 1px 5px; text-decoration: none; }

.aqua-small { margin-top: 6px; }
.aqua-small a:link, .aqua-small a:visited, .aqua-small a:hover, .aqua-small a:active { font-size: 14px; font-weight: bold;}

div.clear-floats { border: 0; clear: both; font-size: 1px; height: 0; margin: 0; padding: 0; overflow: hidden; }

table.grid { border: 1px solid white; margin: 0 auto; margin-bottom: 50px; width: 85%; }
table.grid .r0 { height: 25px; }
table.grid .r1 { height: 25px; }
table.grid .left { width: 130px; font-weight: bold; font-size: 12px; text-align: left; padding-left: 7px; }
table.grid .right { text-align: left; font-size: 12px; }

.listnav a, .listnav a:link, .listnav a:visited, .listnav a:hover { margin: 0 8px; }
div.book-details { margin: 10px; margin-left: 19%; text-align: left; width: 80%; }
div.book-details h4 { margin: 2px 0; font-size: 14px; }
ul { margin: 0; padding: 0; }
ul li { margin: 0; padding: 1px 5px; padding-left: 10px; list-style-type: none; background-image: url('/images/bullet_orange.gif'); background-position: 0 4px; background-repeat: no-repeat; }
div.right-side ul li { font-size: 11px; }
div.left-side ul li { font-size: 11px; }

div.item-box-details table.entform { margin: 0 auto; }

div.item-group a, div.item-group a:link, div.item-group a:visited, div.item-group a:hover { margin: 0; padding: 0; }
#header a, #header a:link, #header a:visited, #header a:hover { margin: 0; padding: 0; }
#navbar a, #navbar a:link, #navbar a:visited, #navbar a:hover { margin: 0; padding: 0; }

input.big-zip { font-size: 24px; text-transform: uppercase; }

table.examplegrid {width: 95%;}
table.examplegrid th {border-bottom: 1px solid black; padding-top: 10px;}
table.examplegrid td {padding: 2px;}
.bulletfloat { width: 125px; float: left; margin-bottom: 10px; font-size: 11px; }
.footerfloat { border: 0; width: 155px; float: left; margin-bottom: 10px; margin-left: 10px; text-align: left; }

/* </typography> */

/* <colors> */
body { background-color: #cc3333; }
#page { background-color: white; border-color: #cc0000; }
#header { background-color: white; }
#content { background-color: white; }
#navbar { background-color: #e0e0e0; border-color: white; }
a:link { background-color: none; color: #0060bf; }
a:visited { background-color: none; color: #7c7c7c; }
a:hover { background-color: #0060bf; color: white; }

h1 { color: #990000; }
h2 { color: black; }

.noabg a, .noabg a:visited, .noabg a:hover { background: none; }
 
.aqua a, .aqua a:link, .aqua a:visited, .aqua a:active { color: #339966; }
.aqua a:hover { background-color: #339966; color: white; }

.aqua-small a:link, .aqua-small a:visited, .aqua-small a:hover, .aqua-small a:active { color: #339966; }

table.grid { border-color: #98a9bb; }
table.grid .r0 { background-color: #d7e4f1; }
table.grid .r1 { background-color: white; }

#footer a, #footer a:link, #footer a:visited { color: #0060bf; }
#footer a:hover { color: white; }

input.big-zip { background-color: #fff8af; }

a.hidden, a.hidden:link, a.hidden:visited, a.hidden:hover { background: none; color: black; text-decoration: none; }
#footer a.hidden, #footer a.hidden:link, #footer a.hidden:visited, #footer a.hidden:hover { background: none; color: black; text-decoration: none; }
/* </colors> */


span.discounted-price { color: red; font-weight: bold; }