/* Generic Selectors */ 
body { background-image: url(images/g2.gif); font-family: "Times New Roman", Times, serif; font-size: 12px; 
color: #000000; text-align: left; }

p { font-family: "Verdana", Times, serif; font-size: 12px; font-weight: normal;
color: #000000; text-align: left; line-height: 16px;} 

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

h1 { font-family: "Times New Roman", serif; font-size: 30px; font-weight: normal; 
text-align: left; color: #999999; margin-top: 0px; margin-bottom : 10px; } 

h2 { font-family: "Verdana", sans-serif; font-size: 14px; color: #000000; text-align: left;
margin-bottom: -1px; border: 2px solid #800000; padding-bottom: 2px; background-color: #999966; } 

h3 { font-family: "Verdana", "Times New Roman", serif; font-size: 14px; font-weight: normal; text-align: left;
color: #000080; margin-top: 4px; margin-bottom: 1px; } 

h4 { font-family: "Verdana", Times, sans-serif; font-size: 12px; color: #004400; 
text-align: left; margin-top: 5px; } 

h5 { font-family: "Verdana"; font-size: 12px; font-weight: bold; color: #800000;
text-align: center; }

h6 { font-family: "Verdana", Times, sans-serif; font-size: 12px; font-weight: bold; 
color: #666666; text-align: left; border: 1px solid black; } 


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

#container { position: relative; width:750px;
margin-left: auto; margin-right: auto; margin-top: -10px;	}


#header { background-image: url('images/header.jpg'); position: absolute; top: 0px; left: 0px;
width: 600px; height: 120px; text-align: left;  padding-left: 120px; border-left: 1px solid #778899;border-right: 1px solid #778899;} 
#header h1 { font: italic 48px Times New Roman; color: #800000; margin:0;}

#sub { position: absolute; top: 0px; left: 0px; 
width: 200px; height: 120px; text-align: left; padding-left: 520px; margin: 0px;} 
#sub p { font: 20px Tahoma; color: #004040; line-height: 28px; margin: 0px;}

#address { position: absolute; top: 120px; left: 0px; background-color: #2c4233;
width: 600px; height: 30px; text-align: left; border-left: 1px solid #778899; border-right: 1px solid #778899; padding-left: 120px; padding-top: 0px;} 
#address p { font: bold 10px Verdana; color: #c0c0c0; margin-top: 7px;} 

#menu { position: absolute; background: #fff9ed; top: 150px; left: 0px; height: 750px; width: 120px; 
padding-top: 130px; padding-left: 20px; font-weight: normal; border-left: 1px solid #778899; border-bottom: 1px solid #778899;}
#menu ul { list-style: none; margin: 0; padding: 0; }
#menu li { font-size: 100%; border-bottom: 1px dotted #999999; margin-bottom: 0.7em; text-align: left;}
#menu a:link, #menu a:visited { text-decoration: none; color : #999999; background-color: transparent; }
#menu a:hover {  color: #778899; }

#copy { background-color: #fff9ed; position: absolute; top: 150px; left: 140px; width: 460px; 
height: 800px; text-align: left; padding-top: 80px; padding-left: 60px; padding-right: 60px;
overflow: auto; border-right: 1px solid #778899; border-bottom: 1px solid #778899;} 
#copy a:link { color: #004040; 	font-size: 12px; }


img { float: left; margin-right: 20px; margin-bottom: 15px; }


/**************************************TABLE ELEMENTS****************************************/

table { width: 100%; margin-bottom: 20px; border-collapse: collapse; border-color="#111111"}

td.title { width: 70%; font: 10px Verdana; }
td.price1 { width: 8%; font: bold 10px Verdana; color: #800000; }
td.price2 { width: 8%; font: bold 10px Verdana; color: #000080;}
td.qty { width: 4%; font: bold 10px Verdana;}
td.total { width: 10%; font: bold 10px Verdana;}
td.summary1 { width: 60%; }
td.summary2 {width: 40%; font: normal 10px Verdana; color: #000; border: 2px solid black;}