/* Generic Selectors */ 
body { background-image: url(images/bluish.jpg); }


/************************* ID's *************************/ 

#container { position: relative; width:800px; height: 2700px;
border: 3px solid #333333; margin-left: auto; margin-right: auto; 	}

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

#header { position: absolute; top: 0px; left: 250px; width: 550px; height: 170px; background-color: #ededed; }
#header a:link { color: #000080; text-decoration: none; }
#header a:hover { color: #c0c0c0; text-decoration: none; }
#header a:visited { color: #000080; text-decoration: none; }

#bar { position: absolute; top: 170px; left: 0px; width: 800px; height: 10px; 
background-color: #ededed; }
#bar hr { height: 3px; color: #999999; }

#menu { position: absolute; top: 180px; left: 0px; width: 150px; height: 2450px; background-color: #ededed;
padding-top: 40px; padding-left: 0px; font: 10px Helvetica, Arial, sans-serif;}
#menu ul { list-style: none; margin: 0; padding: 0; text-align: center; padding-left: 0px;}
#menu li { border-bottom: 1px solid #000060; margin-bottom: 10px;  margin-left: 20px; padding-top: 3px; padding-bottom: 3px;}
#menu li a { display: block; padding: 2px; background-color: #000060; color: #ffffff; text-decoration: none; margin-left: 0px;}
#menu li a:hover { background-color: #000000; color: #ffffff; font-size: 10px; }


#copy { position: absolute; top: 180px; left: 150px; width: 550px; height: 2450px;
background-color: #ededed;  padding-left: 50px; padding-right: 50px; padding-top: 40px; }
#copy a:link { color: #000080; text-decoration: none; }
#copy a:hover { color: #c0c0c0; text-decoration: none; }
#copy a:visited { color: #000080; text-decoration: none; }

hr { width: 100%; height: 2px; color: #999999; }
	
/**************************************TABLE ELEMENTS****************************************/

p { font-family: "Verdana", Times, serif; font-size: 0.8em; font-weight: normal;
color: #000000; text-align: left; line-height: 1.2em;} 
p.postage { font-family: "Verdana", Times, serif; font-size: 0.8em; font-weight: normal;
color: #000000; background-color: #ffff99; border: 1px solid black; text-align : left; line-height: 1.2em;} 


li { list-style: none; text-align:center; } 

h1 { font: italic 3.5em Times New Roman, serif; color:#000; margin: 0; line-height: 1.2em; padding-left: 10px; } /*mertonpriorypress*/
h1.title { font: bold 1.8em Times New Roman, serif; color: #000; padding-left: 0px;} /*book titles*/

h2 { font: bold 1.0em Verdana, sans-serif; color: #800000; margin: 0; line-height: 1.4em; padding-left: 10px; } /*independent publisher*/

h3 { font: bold 0.6em Verdana, sans-serif; color: #666666; margin: 0; line-height: 1.5em; padding-left: 10px; } /*address details*/
h6 { font: 1.6em Times New Roman, serif; color: #000000; margin: 0;} /*category*/


table { width: 100% ; margin-bottom: 20px;}
.details { width: 80% ;}

td.title { width: 72%; font: 10px Verdana; }
td.price1 { width: 8%; font: 10px Verdana; }
td.qty { width: 6%; font: 10px Verdana; }
td.total { width: 14%; font: 10px Verdana; }
td.details { border: 1px solid black; width: 80%; height: 40px; font: 12px Verdana; }
td.null (width: 59%; }
td.grand_totals { width:41%; font : 12px Verdana;}