﻿html
{
    height: 100%;
    margin-bottom: 0.01em;
    font-family: "Gill Sans MT" , Verdana, Arial, Helvetica, sans-serif;
}
h1
{
    font-size: x-small; /* 8pt; */
    font-weight: bold;
    padding-top: 0px;
    margin-top: 0px;
    border-top-width: 0px;
}
h2
{
    font-size: x-small;
    font-weight: normal;
    margin-bottom: 5px;
    padding-bottom: 0px;
}
h3
{
    font-size: x-small; /* 8pt; */
    font-weight: normal;
    text-align: left;
    color: #83004B;
    padding-top: 0px;
    margin-bottom: 0px;
    margin-top: 10px;
}
/* Styles used on the master page */
#masterbody
{
    border: 1px solid Silver;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
}

#mastermenubar
{
    float: left;
    line-height: 30px;
    float: left;
    width: 300px;
    padding-left: 50px;
}
#masterlogo
{
    float: left;
    width: 300px;
    margin-bottom: 20px;
}
#masterbooklogo
{
    float: right;
    padding-right: 50px;
}
 
#mastersep
{
    clear: both;
    background-color: rgb(216, 186, 75);
    width: 100%;
    height: 9px;
}
#mastermain
{
    clear: both;
    width: 100%;
}
#masterfooter
{
    clear: both;
    width: 100%;
    text-align: center;
    height: 25px;
    line-height: 25px;
    font-size: x-small;
    background-color: rgb(216, 186, 75);
}

#booktext
{
    margin: 20px 50px 20px 50px;
}
#clearer
{
    clear: both;
}
/* Styles used on the Default page only */
/*    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; */

#keywords
{
    text-align: justify;
    background-color: rgb(132, 0, 76);
    font-family: Arial, Helvetica, sans-serif;
    font-size: xx-small;
    font-weight: lighter;
    color: #232323;
    line-height: 20px;
    letter-spacing: 0.5px;
    padding-top: 15px;
    overflow: hidden;
    height: 500px;
}
#foreground
{
    position: absolute;
    width: 30%;
    left: 35%;
    right: 35%;
    text-align: center;
    top: 270px;
    font-family: Verdana;
    font-size: small;
    color: White;
    font-weight: bold;
}
#foreground p {margin:3px;}

/* Default text style used where no specific formatting is required.  */
#normaltext
{
    float: left;
    width: auto;
}
#normalimage
{
    float: right;
}
/* Styles used for the menus (hyperlinks) */
.menumain, .menubooks
{
    margin-top: 0;
    margin-bottom: 0;
    font-size: medium; /* 14pt; */
    line-height: 25px;
}
.menumain li, .menumain ul, .menubooks li, .menubooks ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.menumain a, .menubooks a
{
    text-decoration: none;
    color: #666666;
}
.menubooks a:hover
{
    color: #83004B;
}

/* Styles used on the Books, BookDetail and BookCatalogue pages */
.booklist
{
    line-height: 30px;
}

.bookhome
{
    float: left;
    color: #83004B;
    font-size: large;
    font-weight: normal;
}

.bookname
{
    clear: both;
    margin-top: 0;
    margin-bottom: 0;
    color: #83004B;
    font-size: large;
    font-weight: normal;
}
.bookdesc
{
    margin-top: 0;
    margin-bottom: 20px;
    font-size: small; /* 10pt; */
    color: #83004B;
    font-weight: normal;
}
.bookauthor
{
    margin-top: 0;
    margin-bottom: 10px;
    color: Black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small; /* 9pt; */
}
.bookcolumn
{
    float: left;
    width: 50%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: Black;
    font-size: x-small; /* 7.5pt; */
}

.bookimage
{
    width: 100%;
    clear: both;
}
.bookimage img
{
    margin-top: 20px;
}

.booksep
{
    color: #666666;
    clear: both;
    height: 1px;
}

/* Styles used on the Ordering Page */
#ordertext
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small; /* 8pt; */
    color: Black;
    width: 100%;
}
#ordertext p
{
    margin-bottom: 30px;
    margin-top: 10px;
}
#ordertext input
{
    font-size: small;
}
#ordertext input.char1
{
    width: 10px;
}
#ordertext input.char2
{
    width: 15px;
}
#ordertext input.char3
{
    width: 25px;
}
#ordertext input.char6
{
    width: 55px;
}
#ordertext input.medium
{
    width: 50%;
}
#ordertext input.fill
{
    width: 100%;
}
#ordertext input.pad
{
    width: 12%;
}
#ordertext input.small
{
    float: left;
    width: 22%;
}
#ordertext input.smallright
{
    float: right;
    width: 22%;
}
.orderrow
{
    clear: both;
    width: 100%;
    text-align: left;
}
.orderlabelsmall
{
    float: left;
    width: 12%;
}
.orderlabelmedium
{
    float: left;
    width: 22%;
}
.orderlabelmediumright
{
    float: right;
    width: 22%;
}
.orderlabelsmallpad
{
    float: left;
    width: 8%;
    margin-left: 15px;
}
.orderlabellarge
{
    float: left;
    width: 88%;
}
.orderhidden
{
    clear: both;
    display: none;
}
.orderbookheading
{
    clear: both;
    width: 100%;
}
.orderbooktitle
{
    width: 40%;
    float: left;
}
.orderbookedition
{
    width: 15%;
    float: left;
}
.orderbookinfo
{
    width: 12%;
    float: left;
    text-align: right;
    padding-right: 10px;
}
.orderbooknum
{
    width: 7.5%;
    float: left;
}
/* Styles used on Contact Us page */
#contacttext
{
    float: left;
    width: 500px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    color: Black;
}
#contacttext p
{
    font-size: small;
    font-weight: normal;
    color: #83004B;
    margin: 0px 0px 30px 0px;
    padding: 0px;
}
#contacttext input[type="text"]
{
    font-size: x-small;
    width: 80%;
}
.contactrow
{
    clear: both;
    width: 100%;
}
.contactlabelsmall
{
    float: left;
    width: 20%;
}
.contactlabellarge
{
    float: left;
    width: 80%;
}
/* special div for hiding books when printing */
div.row-noprint {display:block;}
