/* ************************ */
/*                                  global                                        */
/* ************************ */

html, body {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
}

body {
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 11px;
        color: #000;
        margin: 0 auto;
        padding: 0;
        background: #000058 url("../img/bg/siteBG.gif");
}

a {
        color: #0048cc;
        text-decoration: none;
        outline: none;
        border-bottom: 1px dotted #0048cc;
}

a:hover {
        color: #000;
        text-decoration: none;
        border-bottom: 1px dotted #000;
}

a.imgLink {
        color: #0048cc;
        text-decoration: none;
        outline: none;
        border: 0;
}

a.imgLink:hover {
        color: #000;
        text-decoration: none;
        border: 0;
}

a.imgLink img {
        border: 1px solid #000364;
}

a.imgLink img:hover {
        border: 1px solid #888;
}

p {
        margin: 12px auto;
}

img {
        border: 0;
}

ul {
        list-style-type: circle;
        padding-left: 15px;
        margin-left: 15px;
}

ol {
        padding-left: 15px;
        margin-left: 15px;
}

li {
        margin-bottom: 15px;
}

h1 {
        font-size: 19px;
        text-align: left;
}

h2 {
        font-size: 17px;
        text-align: left;
}

h3 {
        font-size: 15px;
        text-align: left;
}

h4 {
        font-size: 13px;
        text-align: left;
}

h5 {
        font-size: 11px;
        text-align: left;
}

hr {
        display: block;         /* set display:block so IEWin applies the correct margins */
        color: #cfcfe4;
        background: #cfcfe4;
        border: none;
        height: 1px;
        margin: 20px 0;
        padding: 0;
}

hr.hrForms {
        display: block;         /* set display:block so IEWin applies the correct margins */
        width: 98%;
        color: #cfcfe4;
        background: #cfcfe4;
        border: none;
        height: 1px;
        margin: 0 auto;
        padding: 0;
}

ul {
        margin-left: 10px;
}

ol {
        margin-left: 15px;
}

li {
        margin-bottom: 8px;
}

/* ************************ */
/*                    site layout                                */
/* ************************ */

#container {
        width: 824px;
        min-width: 824px;
        height: 100%;
        margin: 0 auto;
        padding: 0;
        color: #000;
        line-height: 16px;
        background: #fff url("../img/bg/bodyBG.gif") repeat-y top;
}

#top {
        height: 100px;
        padding: 6px 0 14px 0;
        background: transparent;
}

#top div#logo {
        margin: 0 auto;
        padding: 0;
        text-align: center;
}

#mid {
        width: 720px;
        height: 25px;
        margin: 0 auto;
        padding: 0;
        text-align: center;
        background: transparent;
}

#leftside {
        float: left;
        width: 0;
        margin: 0;
        padding: 0;
        background: transparent;
        text-align: left;
}

#rightside {
        float: right;
        width: 36px;
        margin: 0 20px 0 0;
        padding: 0;
        background: transparent;
        text-align: center;
}

#content {
        margin: 0 60px;
        padding: 20px 10px;
        background: transparent;
        text-align: justify;
}

#content h1.pageTitle {
        margin: 0 0 30px 0;
        padding: 0;
}

#footer {
        clear: both;
        width: 684px;
        height: 18px;
        margin: 0 auto;
        padding: 6px 2px;
        background: transparent;
        border-top: 1px solid #999;
}

#footer a {
        border: 0;
}

/* ************************** */
/*                                top nav menu                                */
/* ************************** */

ul#topNav {
        margin: 4px 0;
        padding: 0;
        white-space: nowrap;
}

#topNav li {
        display: inline;
        list-style-type: none;
}

#topNav li.disabled {
        padding: 3px 12px;
        color: #fff;
        background: #6a6a9b;
        border: 3px double #cbcbe6;
}

#topNav a {
        color: #495739;
        padding: 3px 12px;
        background: #ddddef;
        border: 3px double #ededf9;
}

#topNav a:hover {
        padding: 3px 12px;
        color: #fff;
        background: #8c8cbd;
        border: 3px double #ededf8;
        text-decoration: none;
}

/* ************************** */
/*                                book page nav menu                                */
/* ************************** */

ul.bookNav {
        clear: both;
        width: 496px;
        height: 17px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        list-style: none;
        white-space: nowrap;
}

.bookNav li {
        float: left;
        margin-left: 1px;
        margin-bottom: 0;
        list-style: none;
}

.bookNav li.disabled {
        width: 206px;
        padding: 3px 17px;
        color: #fff;
        background: #6a6a9b;
        border: 3px double #cbcbe6;
}

.bookNav a {
        float: left;
        display: block;
        width: 206px;
        margin-bottom: 2px;
        text-decoration: none;
        color: #495739;
        padding: 3px 17px;
        background: #cdcdcd;
        border: 3px double #ededf9;
}

.bookNav a:hover {
        padding: 3px 17px;
        color: #fff;
        background: #8c8cbd;
        border: 3px double #cbcbe6;
        text-decoration: none;
}

/* *********************** */
/*                                tool menu                                 */
/* *********************** */

ul#toolNav {
        margin: 24px auto;
        padding: 0;
        list-style-type: none;
}

#toolNav li {
        margin-bottom: 3px;
}

#toolNav a {
        display: block;
        width: 28px;
        height: 28px;
        padding: 0;
        margin: 2px auto;
        background: transparent url("../img/tools/toolBG.png") no-repeat left;
        color: #f3f0e6;
        border: 0;
}

#toolNav a img {
        padding-top: 6px;
        border: 0;
}

#toolNav a:hover {
        background: transparent url("../img/tools/toolBG.png") no-repeat right;
        border: 0;
}

/* *************************** */
/*         home page "extra" links         */
/* *************************** */

ul#booksPub {
        padding: 4px 0;
        margin: 38px auto;
        white-space: nowrap;
}

#booksPub li {
        display: inline;
        list-style-type: none;
        margin: 0 0 0 14px;
}

#booksPub a {
        padding: 12px;
        color: #000060;
        background: #ddddef;
        border: 3px double #ededf9;
}

#booksPub a:hover {
        color: #fff;
        background: #6a6a9b;
        border: 3px double #cbcbe6;
        text-decoration: none;
}

/* *************************** */
/*         books pages         */
/* *************************** */

.floatright {
        float: right;
        margin: 0 0 10px 16px;
        background-color: #fff;
        padding: 10px;
        border-top: 1px solid #999;
        border-right: 2px solid #555;
        border-bottom: 2px solid #555;
        border-left: 1px solid #999;
}

div.floatright img {
        border-top: 2px solid #555;
        border-right: 1px solid #999;
        border-bottom: 1px solid #999;
        border-left: 2px solid #555;
}

div.caption {
        width: 280px;
        margin: 4px auto 0 auto;
        text-align: center;
        font-weight: bold;
}

div.captionBy {
        text-align: center;
}

/* ************************ */
/*                                  tables                                         */
/* ************************ */

table.nomarkup {
        border: 0;
        padding: 0;
        margin: 0;
        font-weight: normal;
}

table.nomarkup th {
        border: 0;
        padding: 0;
        margin: 0;
}

table.nomarkup tr {
        border: 0;
        padding: 0;
        margin: 0;
}

table.nomarkup tr.hover {
        background: #d6d6e6;
}

table.nomarkup tr.hover:hover {
        background: #c5c5ea;
}

table.nomarkup tr.hoverAlt {
        background: #d2d2e2;
}

table.nomarkup tr.hoverAlt:hover {
        background: #c5c5ea;
}

table.nomarkup td {
        border: 0;
        padding: 0;
        margin: 0;
}

table.nomarkup td.orderText {
        width: 80px;
        text-align: right;
        padding-bottom: 6px;
}

table.nomarkup td.orderFF {
        text-align: left;
        padding-left: 3px;
        padding-bottom: 6px;
}

table.nomarkup td.ffRequired {
        color: #d00;
        vertical-align: top;
}

/* ************************ */
/*                                  tables                                         */
/* ************************ */

table.orderFinal {
        border: 0;
        padding: 0;
        margin: 0 auto;
        font-weight: normal;
}

table.orderFinal th {
        border: 0;
        padding: 3px 8px;
        margin: 0;
        text-decoration: underline;
}

table.orderFinal tr {
        border: 0;
        padding: 0;
        margin: 0;
}

table.orderFinal td {
        border: 0;
        padding: 3px 8px;
        margin: 0;
}

/* ************************ */
/*                                  forms                                         */
/* ************************ */

form {
        width: 210px;
        text-align: right;
}

form.contact {
        width: 385px;
        text-align: left;
}

form.order {
        width: 99%;
        margin: 0 auto;
        text-align: left;
}

input {
        font-size: 11px;
        border-top: 1px solid #444;
        border-left: 1px solid #444;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
        background: #fff;
        padding: 3px;
        margin: 0;
}

input.submit {
        width: 80px;
        background: #e9e6db;
        border: 1px solid #444;
}

input.submit:hover {
        background: #fff;
        cursor: pointer;
}

select {
        font-size: 11px;
        border: 1px solid #d8d3c1;
        background: #fff;
        padding: 2px;
        margin: 0;
}

form.order select {
        width: 288px;
        border-top: 1px solid #444;
        border-left: 1px solid #444;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
}

textarea {
        width: 345px;
        height: 120px;
        padding: 6px;
        margin: 0;
        font-size: 11px;
        border-top: 1px solid #444;
        border-left: 1px solid #444;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
        background: #fff;
        font-family: verdana, arial, helvetica, sans-serif;
}

textarea#orderComments {
        width: 636px;
        height: 100px;
}

option {
        margin-bottom: 7px;
}

/* ************************ */
/*                     messages                                        */
/* ************************ */

.message {
        margin-left: 18px;
}

.error {
        width: 580px;
        margin: 0 auto 10px 0;
        padding: 20px;
        font-weight: bold;
        color: #d00;
        letter-spacing: normal;
        font-size: 11px;
        background: #f8e4e4;
        border: 1px solid #d00;
}

.errorMain {
        margin-bottom: 8px;
}

.errorSub {
        padding-left: 11px;
        font-weight: normal;
        margin-bottom: 4px;
}

.success {
        width: 580px;
        margin: 0 auto 10px 0;
        padding: 20px;
        font-weight: bold;
        color: #060;
        letter-spacing: normal;
        font-size: 11px;
        background: #ecf8e4;
        border: 1px solid #060;
}

.successMain {
        margin-bottom: 8px;
}

.successSub {
        padding-left: 11px;
        font-weight: normal;
        margin-bottom: 4px;
}

/* ************************ */
/*                                cms markup                                */
/* ************************ */

ul#markup {
        padding: 4px 0;
        margin: 0;
        white-space: nowrap;
}

#markup li {
        display: inline;
        list-style-type: none;
        margin: 0 0 0 14px;
}

#markup a {
        padding: 4px 12px;
        font-size: 17px;
        border: 1px solid #aaa;
        background: #eee;
        color: #000;
}

#markup a.muBold { 
        font-weight: bold;
}

#markup a.muItalic { 
        padding: 4px 14px;
        font-style: italic;
}

#markup a.muUnderline { 
        text-decoration: underline;
}

#markup a.muLink { 
        padding: 4px 14px;
}

#markup a:hover {
        color: #fff;
        background-color: #369;
        text-decoration: none;
}

/* ************************ */
/*                                 residual                                        */
/* ************************ */

h1.pageTitle {
        font-size: 17px;
        margin-top: 0;
        padding-top: 0;
}

.normBold {
        font-weight: bold;
}

.floatLeft {
        float: left;
}

.floatRight {
        float: right;
}

#logout {
        margin-top: 20px;
}

h5.contact {
        margin: 14px 0 0 16px;
}

ul.contact {
        list-style: none;
        margin-top: 6px;
}

div.normInput {
        margin-top: 2px;
}

div.normTextarea {
        margin-top: 2px;
}

div.homeExtra {
        margin: 0 auto;
        padding: 8px 0;
        text-align: center;
        background: transparent;
}

div.divider {
        padding: 0;
        border-top: 3px double #3a3a78;
        border-bottom: 3px double #3a3a78;
}

div.distribute {
        width: 380px;
        margin: 0 auto 15px auto;
        text-align: center;
}

div.distribute div.left {
        float: left;
}

div.distribute div.right {
        float: right;
}

div.distribute ul {
        margin: 0 auto;
        text-align: center;
        list-style: none;
}

div.distribute ul li {
        margin-bottom: 0;
}

div#orderCustomerDetails {
        width: 406px;
        margin: 0 auto;
        padding: 20px 134px;
        background: #ddddef;
        border: 3px double #bbbbcd;
}

div#orderBookOrder {
        width: 654px;
        margin: 20px auto;
        padding: 20px 10px;
        background: #ddddef;
        border: 3px double #bbbbcd;
}

div#orderAddComments {
        width: 654px;
        margin: 20px auto;
        padding: 20px 10px;
        background: #ddddef;
        border: 3px double #bbbbcd;
}

div#shipping {
        margin: 20px auto 0 auto;
        padding: 10px;
        background: #fff;
        border: 1px solid #000060;
}

#paymentTypes {
        margin: 0 20px;
        padding: 20px;
        background: #ddddef;
        border: 3px double #bbbbcd;
}

#poem {
        margin: 0 20px;
        padding: 20px;
        background: #ddddef;
        border: 3px double #bbbbcd;
}

#review {
        margin: 0 20px;
        padding: 20px;
        background: #ddddef;
        border: 3px double #bbbbcd;
}

div#supportTypeDetails {
        width: 476px;
        margin: 0 auto 10px auto;
        padding: 20px 99px;
        background: #ddddef;
        border: 3px double #bbbbcd;
}

div.linkToBooks {
        margin-top: 20px;
        font-weight: bold;
        text-align: center;
}

div.nonProfit {
        margin-top: 20px;
        text-align: center;
}

div.extras {
        margin-top: 14px;
        text-align: left;
}

div.formAddress {
  width: 160px;
  padding: 6px;
  margin: 10px auto 0 auto;
  background: #fff;
  text-align: center;
  border: 1px solid #333;
}

.alignRight {
  text-align: right;
}

.alignLeft {
  text-align: left;
}

ul#links li {
  margin-bottom: 14px;
}

span.trackingDivider {
  color: #444;
  font-weight: bold;
}