/* -------------- General ---------------- */
html, body { background-color: #efefef; margin: auto; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #555; text-align: center;}
		
H1 {color: #4c86c6; font-size: 16px; margin: 10px;}
H2 {font-size: 13px; color: #E72734; font-weight: bold; margin: 10px;}

p {margin: 10px;}
a:link, a:visited { color: #E72734; text-decoration: none; font-weight: bold;}
a:hover {text-decoration: underline; font-weight: bold; }

#mainwrapper {width: 760px; text-align:left; background-color:#FFFFFF; margin:auto; border-right: 1px solid #aaa;}
#content { text-align: left; background-color:#FFFFFF; padding: 5px; }

#topbar {background-color: #CACACA; height: 96px; width: 760px; text-align: center; margin: auto; font-size: 10px;}
#topnav {padding-bottom: 3px;}

.textfield{font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 10px; text-decoration: none; background-color: #fff; margin-top: 0px; padding-top: 0px;}

/* -------------- Left Box ---------------- */
#leftbox {width: 180px; background-color: #4c86c6; color: white; padding: 5px;}
#leftbox h1 {color: white; font-size: 14px; }

#leftbox a:link, #leftbox a:visited { color: #fff; text-decoration: none; font-weight: bold;}
#leftbox a:hover {text-decoration: underline; font-weight: bold; }

#navlist {list-style: none; padding-left: 0px; margin: 0px;}

#navlist li
{
list-style: none; 	
    padding-left: 8px; margin-top: 3px;
    background-image: url(images/bullet.gif);
    background-repeat: no-repeat;
    background-position: 0 4px;

}

#whitefooter {background-color: #fff; width: 760px; margin:auto; border-right: 1px solid #aaa;}
#redfooter {background-color: #e72734; color: white; width: 760px; margin:auto; padding: 3px 0px 3px 0px;}

/* -------------- Set Page Area ---------------- */
table.container { text-align: left; background-color: white; margin: auto; width: 762px; border: 1px solid #555; border-top: 0px;}
.main p{ padding-right: 15px;}

table.front_small { width: 540px; }
table.front_small img { border: 1px solid #003399; }
table.front_small tr { height: 160px; vertical-align: top; }

/* -------------- Publications ---------------- */
table.publications { width: 540px; background-color: #EEE; }
table.publications img { border: 0px; }
table.publications a { text-decoration: none; }
td#publication_image img { border: 1px solid #003399; }
tr.table_order { background-color: #FFF; text-align: right; }
td.title { height: 27px; }
td.image { height: 215px; width: 150px; vertical-align: middle; text-align: center; }
td.image img { border: 1px solid #003399; }
td.title a { font-size: 11px; }
tr.author_price { height: 27px; }
td.price { text-align: center; width: 100px; }
tr.description { vertical-align: top; }
td.info { text-align: center; height: 27px; }
tr.padding { background-color: #FFF; }
td#description { vertical-align: top; text-align: justify; }
td.status { width: 150px; }

table.more_information { background-color: #EEE; width: 400px; border: 1px solid #BBB; margin: auto; }
tr.short { height: 20px; }

/* -------------------------------------------- */


/* -------------- Footer ---------------- */
#footer{background-image: url(../images/h1_tile.gif); height: 20px; font-size: 10px; color: white; margin-top: 10px; padding-left: 5px; padding-top: 2px;}
#footer a:link { color: white; text-decoration: none; font-weight: normal;}
#footer a:visited { color: white; text-decoration: none; font-weight: normal;}
#footer a:hover {text-decoration: underline; font-weight: normal; color: #00A2F0}

/* -------------- Basket ---------------- */
table.full_basket { width: 500px; margin:auto; border-collapse: collapse;
					font: 10px Verdana, Arial, Helvetica, sans-serif;
					color: #555; text-align:center; }
table.full_basket th { border: 1px #003399 solid; background-color: #D9E1F0; padding: 4px; color: #003399; }
table.full_basket td { border: 1px #003399 solid; background-color: white; padding: 4px; }
table.full_basket input { width: 30px; font: 10px Verdana, Arial, Helvetica, sans-serif; margin:auto; }
table.full_basket td#totals { text-align:right; background-color: #EEE; color: #003399; }
table.full_basket th#cancel { width: 50px; }
table.full_basket .grey { background-color: #EEE; }
table.full_basket #items { width: 250px; text-align:left; }
span.author { color: #999999; }

table.subjects { width: 750px; margin: auto;  }
table.subjects tr { height: 40px; }
table.subjects td { width: 187.5px; }
table.subjects td#highlight { font-weight: bold; }
table.subjects td#normal { font-weight: normal; }

table.front_categories { width: 500px; margin: auto; background-color: #EEE; border-collapse: collapse; }
table.front_categories tr { vertical-align: top; }
table.front_categories td { width: 50%; border: 1px solid #CCC; }

table.checkout .error {font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 10px; text-decoration: none; background-color: #B1BFDA; margin-top: 0px; padding-top: 0px;}
table.checkout td.label { width: 150px; text-align: right; }
table.checkout input { width: 200px; }

table.address_details { width: 200px; margin:auto; border-collapse: collapse;
					font: 10px Verdana, Arial, Helvetica, sans-serif;
					color: #555; text-align:center; border: 1px #003399 solid; }
table.address_details th { border: 1px #003399 solid; background-color: #D9E1F0; padding: 4px; color: #003399; }
table.address_details td { background-color: white; padding: 4px; height: 25px; }

table.details { width: 90%; margin: auto; border-collapse: collapse; }
table.details tr { vertical-align: top }
table.details td { border: 1px solid #ccc; }
table.details td.label { width: 20%; }