/* Style sheet for Quality Products website */

BODY
{
    BACKGROUND-COLOR: white;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: .8em;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #003366;
}
H1	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H2	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H3	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H4	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.33em;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H5, DT	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	


A:link	{	
	text-decoration:	none;
	color:	#3333cc;
	}	
		
A:visited	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:active	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:hover	{	
	text-decoration:	underline;
	color:	#3333cc;
	}
	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	
	

UL LI	{	
	list-style-type:	square ;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	

IMG 	{
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	}
	
.BlackPath { margin-left: 10px;
	margin-top: 10px;
	font-family: 'Arial,Helvetica';
	font-style: normal;
	font-weight: normal;
	font-size: 10pt; 
	color: #000000; }

.Path { margin-left: 10px;
	font-family: 'Arial,Helvetica';
	font-style: normal;
	font-weight: normal;
	font-size: 8pt; 
	color: #0015BE; }

.PlainLink {text-decoration: normal; }

.SearchGroups { margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
	font-family: 'Arial,Helvetica';
	font-style: normal;
	font-weight: bold;
	font-size: 14pt; 
	color: #0015BE; }

.GoButton { cursor: hand; }

.DisplayOptions { color: white; 
	font-family: 'Arial,Helvetica'; 
	font-weight: 500;
	font-size: 8pt;
	margin-left: 10px; }

.new {margin-left: 5px; }

.icon {height: 100;
	width: 105;
	text-align: center; 
	vertical-align: bottom;}

.DisplayPosition { position: Absolute; bottom: 10px; }

.IconImgRow { vertical-align: bottom;
	height: 100;
	text-align: left; }

.TitleHead { margin-left: 10px; 
	font-family: 'Arial,Helvetica'; 
	font-style: normal; 
	font-weight: bold; 
	font-size: 18pt; }

.TitleDesc {margin-left: 10px;
	font-family: 'Franklin gothic book'; 
	font-style: normal; 
	font-size: 10pt; 
	vertical-align: top;}

.ListHead { margin-left: 10px; 
	font-family: 'Arial,Helvetica'; 
	font-style: normal; 
	font-weight: bold; 
	font-size: 12pt; }

.ListDesc { margin-left: 10px;
	font-family: 'Franklin gothic book'; 
	font-style: normal; 
	font-size: 10pt; 
	vertical-align: top; }

.ListDetail { font-family: 'Franklin gothic book'; 
	font-style: normal; 
	font-size: 8pt; 
	text-Align: left;
	margin-top: 0;
	vertical-align: middle; }

.ListBullet {vertical-align: middle;
	margin-top: 0;
	margin-left: 10;
	margin-right: 0;
	margin-bottom: 0;}

.ListPrice { margin-left: 10px; 
	font-family: 'Arial,Helvetica'; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 8pt; }

.IconHead {margin-left: 10px;
	font-family: 'Arial,Helvetica'; 
	font-style: normal; 
	font-weight: bold; 
	font-size: 10pt;}

.IconDesc {margin-left: 10px;
	font-family: 'Franklin gothic book'; 
	font-style: normal; 
	font-size: 8pt; 
	text-Align: left;
	margin-top: 0;
	vertical-align: top;}

.IconDetail {font-family: 'Franklin gothic book'; 
	font-style: normal; 
	font-size: 8pt; 
	text-Align: left;
	margin-top: 0;
	vertical-align: middle;}

.IconPrice {margin-left: 10px;
	font-family: 'Arial,Helvetica'; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 8pt;}

.TopupHead {font-family: 'Arial,Helvetica'; 
	font-style: italic;
	font-weight: bold; 
	font-size: 12pt;
	color: #0015BE;}

.TopupColumnHead {font-family: 'Arial,Helvetica'; 
	font-style: normal;
	font-weight: bold; 
	font-size: 7pt;}

.TopupGroupHead {font-family: 'Arial,Helvetica'; 
	font-style: normal;
	font-weight: bold; 
	font-size: 9pt;}

.TopupProduct {font-family: 'Arial,Helvetica'; 
	font-style: normal;
	font-weight: normal;
	font-size: 7pt;}

.OrderColumnHead {margin-left: 10px;
	font-family: 'Arial,Helvetica'; 
	font-style: normal; 
	font-weight: bold; 
	font-size: 10pt;
	background-color: #EEEEEE; }

.OrderDetail {font-family: 'Arial,Helvetica'; 
	font-style: normal; 
	font-size: 10pt; 
	margin-top: 0;
	vertical-align: middle;
	background-color: #EEEEEE;}

.Normal {font-family: 'Arial,Helvetica'; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 12pt;}

.Normal10 {font-family: 'Arial,Helvetica'; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 10pt;}

.Heading1 { font-family: 'Arial,Helvetica'; 
	font-style: normal; 
	font-weight: bold; 
	font-size: 18pt; }

.Heading2 { font-family: 'Arial,Helvetica'; 
	font-style: normal; 
	font-weight: bold; 
	font-size: 14pt; }

.Heading3 { font-family: 'Arial,Helvetica'; 
	font-style: normal; 
	font-weight: bold; 
	font-size: 12pt; }

.Heading4 { font-family: 'Arial,Helvetica'; 
	font-style: normal; 
	font-weight: bold; 
	font-size: 7pt; }

.PageBreak {page-break-before: always; }

.IconBullet {vertical-align: top;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;}

.ListCell {   text-align: left; 
	vertical-align: middle;}
	
.IconCell { text-align: left;
	vertical-align: middle; }
	
.ProductPanel { position: absolute;
	top: 0px;
	left: 162px;
	height: 100%;
	overflow: auto; }
	
.VertPanel { position: absolute;
	top: 0px;
	left: 160px;
	height: 100%;
	width: 2px; 
	background-color: #AAAAAA; }
	
.MenuPanel { position: absolute;
	top: 0px;
	left: 0px;
	width: 160px;
	height: 100%;
	background-color: #AAAAAA;
	overflow: auto; }
	
.OrderPanel { position: absolute;
	top: 0px;
	left: 162px;
	height: 100%;
	overflow: auto; }
	
.NoMargin { margin: 0px; 
	padding: 0px;
	border-style: none;}
	
.TitleBreak { width: 100%;
	height: 2px; 
	background-color: #AAAAAA; }
	
.ProductTextbox { margin-left: 10px; 
	width: 20px;}
	
.Indent { margin-left: 10px;
	font-family: Arial;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal; }
	
.PathPanel { margin: 0px;
	padding: 0px;
	background-color: #AAAAAA; }
	
.PathText { font-family: Arial;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	background-color: Transparent;
	color: White; 
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 3px;
	margin-right: 3px; }
	
.Calendar { font-family: Arial;
	font-size: 10px;
	background-color: #AAAAAA;
	color: White; }
	
.MenuItemHover { font-family:Arial;  
	font-size:8pt;  
	font-weight:normal; 
	background:#555555; 
	color:#AAAAAA; 
	border-style:Solid; 
	border-width:1px;
	border-color:#AAAAAA;
	border-left-width:0px;
	border-top-width:0px;
	border-right-width:0px;
	border-bottom-width:1px; 
	cursor:Hand; }
	
.MenuItem { font-family:Arial;  
	font-size:8pt;  
	font-weight:normal; 
	background:#AAAAAA; 
	color:#555555; 
	border-style:Solid; 
	border-width:1px;
	border-color:#555555;
	border-left-width:0px;
	border-top-width:0px;
	border-right-width:0px;
	border-bottom-width:1px; 
	cursor:Hand; }