﻿/* Generic Selectors */ 
body { background-color: #000000; 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;  
text-align: left; color: #000000; margin-bottom: -12px; } 

h2 { font-family: "Verdana", sans-serif; font-size: 14px; color: #000000; text-align: left;
margin-bottom: -1px; border: 2px solid #000000; padding-bottom: 2px; background-color: #999966; } 

h3 { font-family: "Verdana", "Times New Roman", serif; font-size: 14px; font-weight: normal; text-align: left;
color: #000000; 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: #000000; text-align: left; border: 1px solid black; } 


/************************* ID's *************************/ 


#header { position: absolute; top: 0px; left: 0px;
width: 700px; height: 120px; text-align: left; } 
#header h1 { font: italic 54px Times New Roman; color: #000000; line-height: 48px; }

#sub { display: none; }

#address { position: absolute; top: 120px; left: 0px; background-color: #ffffff;
width: 700px; height: 20px; text-align: left;  padding-top: 5px;} 
#address p { font: bold 10px Verdana; color: #000000; } 

#menu { display: none;}
	
#menu ul { display: none; }

#menu li { display: none;}

#copy { background-color: #ffffff; position: absolute; top: 145px; left: 0px; width: 560px; 
height: 560px; text-align: left; } 


img { float: left; margin-right: 20px; margin-bottom: 15px; }


/***************************************Pseudo classes ***********************************/ 

a:link { font-family: "Verdana", sans-serif; font-size: 10px; text-align: center;
color: #ffffff; text-decoration: none; font-weight: bold; } 

a:hover { color: #ffff99; font-weight: bold; text-decoration: none; } 

a:visited { font-family: "Verdana", sans-serif; font-size: 10px; text-align: left;
color: #ffffff; text-decoration: none; font-weight: bold; } 

/**************************************TABLE ELEMENTS****************************************/

table { width: 100%; margin-bottom: 20px;}
.details { border: 0px solid black;}
	
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: 10px Verdana;}
td.total { width: 10%; font: 10px Verdana;}

td.details { border: 1px solid black;}
