/********************************* DIV's *************************************/ 

#priory { position: absolute; top: 0px; left: 0px; width: 250px; height: 170px;  
background-color: #ebebeb;  }

#header { position: absolute; top: 0px; left: 250px; width: 550px; height: 170px; 
background-color: #ebebeb; }

#menu { display: none; }

#copy { position: absolute; top: 170px; left: 0px; width: 600px; height: 500px;
background-color: #ffffcc;  padding-left: 20px; padding-right: 20px; padding-top: 20px; 
 }

/************************************************ TOOLTIP *****************************************/


/********************************** FONTS ************************************/ 

body {background-color: #ebebeb; }

p { font: 12px Verdana, sans-serif; color: #000000; text-align: left; margin-top: -10px;} /*book copy*/
p.rr { font: 12px Verdana, sans-serif; color: #000000; text-align: right; } /*browse links*/

h1 { font: italic 24pt Times New Roman, serif; color:#000; padding-left: 10px; } /*mertonpriorypress*/

h2 { font: bold 12pt Verdana, sans-serif; color: #800000; padding-left: 10px; } /*independent publisher*/

h3 { font: bold 10px Verdana, sans-serif; color: #666666; padding-left: 10px; } /*address details*/

h4 { font: bold 16px Verdana, sans-serif; color: #000080; } /*book details*/

h5 { font: bold 12px Verdana, sans-serif; color: #800000; margin-top: -15px; } /*author*/

h6 { font: bold 16px Verdana, sans-serif; color: #000080; } /*price*/

/********************************** MISCELLANEOUS TAGS ************************************/ 

ul { list-style-type: none; margin-left: 10px; padding-left: 0px; } /*the sidebar menu*/
ul.index { margin-bottom: 20px; }

li { text-align: center; font: bold 10px Verdana, sans-serif; color: #fff; margin-bottom: 3px;  padding-top: 5px; padding-bottom: 5px; background-image : url(images/buttback.jpg); background-repeat: no-repeat; }
li.index { display: inline; background-image: none; padding-right: 40px; margin-bottom: 30px;}

img { border-style: none } 

hr { height: 2px; color: #000080; background-color: none;}

table {width: auto; border: 1px solid black;}
table.details { width: 80%; border: 1px solid black; margin-bottom: 20px;}

tr { width: auto; border: 1px solid black;}

td { border: 1px solid black; }}
td.title { width: 67%; border: 1px solid black; padding: 3px;}
td.price { width: 12%; border: 1px solid black; padding: 3px;}
td.qty { width: 5%; border: 1px solid black;}
td.total { width: 10%; border: 1px solid black;}

/********************************** PSEUDO CLASSES ************************************/ 


/********************************** FORM ELEMENTS ************************************/