body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; background-color: #9B8EFF; margin-top: 2px; margin-left: 0px; margin-width: 0px; margin-height: 0px;}

/* Link colors */
a:link { font-size: 12px; text-decoration: none; color: #cc0000;}
a:visited { font-size: 12px; text-decoration: none; color: #cc0000; }
a:hover { font-size: 12px; text-decoration: underline; color: #cc0000; }

.footer { font-size: 9px; color: #666666;}
a.footer:link { font-size: 9px; text-decoration: none; color: #666666;}
a.footer:visited { font-size: 9px; text-decoration: none; color: #666666; }
a.footer:hover { font-size: 9px; text-decoration: underline; color: #666666; }

.topnav { font-size: 9px; font-weight: normal; color: #FFFFFF;}
a.topnav:link { font-size: 9px; font-weight: normal;  text-decoration: none; color: #FFFFFF;}
a.topnav:visited { font-size: 9px; font-weight: normal;  text-decoration: none; color: #FFFF34; }
a.topnav:hover { font-size: 9px; font-weight: normal;  text-decoration: underline; color: #000; }

.nav { font-size: 10px; color: #333333;}
a.nav:link { font-size: 10px; text-decoration: none; color: #333333;}
a.nav:visited { font-size: 10px; text-decoration: none; color: #333333; }
a.nav:hover { font-size: 10px; text-decoration: underline; color: #333333; }

.nav1 { font-size: 10px; color: #333333;}
a.nav1:link { font-size: 10px; text-decoration: none; color: #cc0000; font-weight: bold;}
a.nav1:visited { font-size: 10px; text-decoration: none; color: #cc0000; font-weight: bold; }
a.nav1:hover { font-size: 10px; text-decoration: underline; color: #cc0000; }


.boldnav { font-size: 12px; color: #cc0000; font-weight: bold;}
a.boldnav:link { font-size: 12px; text-decoration: none; color: #cc0000; font-weight: bold;}
a.boldnav:visited { font-size: 12px; text-decoration: none; color: #cc0000; font-weight: bold;}
a.boldnav:hover { font-size: 12px; text-decoration: underline; color: #cc0000; font-weight: bold;}

a.leftnav:link { font-size: 9px; text-decoration: none; color: #666666;}
a.leftnav:visited { font-size: 9px; text-decoration: none; color: #666666; }
a.leftnav:hover { font-size: 9px; text-decoration: underline; color: #666666; }

.rightlink { font-size: 10px; color: #cc0000; font-weight: bold;}
a.rightlink:link { font-size: 10px; text-decoration: none; color: #cc0000; font-weight: bold;}
a.rightlink:visited { font-size: 10px; text-decoration: none; color: #cc0000; font-weight: bold;}
a.rightlink:hover { font-size: 10px; text-decoration: underline; color: #cc0000; font-weight: bold;}

.button { background-color: #FFFFFF; font-size: 10px; font-weight: bold; color: #ffffff; padding: 4px 4px 4px 4px}
a.button:link { font-size: 10px; text-decoration: none; color: #ffffff;}
a.button:visited { font-size: 10px; text-decoration: none; color: #ffffff; }
a.button:hover { font-size: 10px; text-decoration: underline; color: #ffffff; }

/* text */
td,p,th { font-size: 12px; color: #666666; line-height: 16px;}
td.white { background-color: #ffffff; }

H1 { font-size: 12px; font-weight: bold; 
     font-style: normal; color: #000000; 
     margin:3px 0 3px 0; }
     #red { color: #cc0000; }
H2 { font-size: 12px; font-weight: bold; 
     font-style: normal; color: #000000; 
     margin:0px 0 0px 0; }
H3 { font-weight : bold; 
     font-size : 12px; 
     font-family : Verdana, Arial, Helvetica, sans-serif; 
     color : #cc0000; }
H4 { font-weight : bold; 
     font-size : 12px; 
     font-family : Verdana, Arial, Helvetica, sans-serif; 
     color : #666699; }
H5 { font-weight : bold; 
     font-size : 12px; 
     font-family : Verdana, Arial, Helvetica, sans-serif; 
     color : #ffffff; }
H6 { font-weight : bold; 
     font-size : 11px; 
     font-family : Verdana, Arial, Helvetica, sans-serif; 
     color : #cc0000; }

STRONG {font-weight : bold;}
B {font-weight : bold;} 
A:visited {text-decoration : underline;}
A:link {text-decoration : underline;}
A:hover {color : #cc0000; text-decoration : underline; }
A:active {text-decoration : underline; }

.normaltext {
   font-weight : normal; 
   font-size : 12px; 
   font-family : Verdana, Arial, Helvetica, sans-serif; }
.normalboldtext {
   font-weight : bold; 
   font-size : 12px; 
   font-family : Verdana, Arial, Helvetica, sans-serif; }

.rightnavheader1 { background-color: #CBCBDC; font-size: 10px; font-weight: bold; font-style: normal; color: #000000; padding: 0 0 0 4px }
.rightnavtable1 { background-color: #EDEDF3; font-size: 10px; font-style: normal; color: #333333; }
.rightnavtable2 { background-color: #EDEDF3; font-size: 10px; font-style: bold; color: #cc0000; }
.rightnavtablealt1 { background-color: #f9f9f0; font-size: 10px; font-style: normal; color: #333333; }
.rightnavheader3 { background-color: #CA3F3F; font-size: 10px; font-weight: bold; font-style: normal; color: #FFFFFF; padding: 0 0 0 4px }
.rightnavtable3 { background-color: #F0CACA; font-size: 10px; font-style: normal; color: #333333; }
.rightnavtablealt3 { background-color: #FFECEC; font-size: 10px; font-style: normal; color: #333333; }

.tableHeader { background-color: #cccc99; font-size: 10px; font-weight: bold; font-style: normal; color: #000000; padding: 0 0 0 4px }
.tableItem { background-color: #ececdf; font-size: 10px; font-style: normal; color: #333333; }
.tableItemAlt { background-color: #f9f9f0; font-size: 10px; font-style: normal; color: #333333; }

.leftnavHeader { font-size: 11px; font-weight: bold; font-style: normal; color: #000000; }

.minitext {
   font-weight : normal; 
   font-size : 10px; 
   font-family : Verdana, Arial, Helvetica, sans-serif; 
   color : #666666;
   padding: 10px;}
.headline1 {
   font-weight : normal; 
   font-size : 24px; 
   font-family : Verdana, Arial, Helvetica, sans-serif; 
   color : #ffffff;
   line-height: 105%;
   padding: 10px;}
.headline2 {
   font-weight : normal; 
   font-size : 20px; 
   font-family : Verdana, Arial, Helvetica, sans-serif; 
   color : #cc0000;
   line-height: 125%;}
.headline3 {
   font-weight : bold; 
   font-size : 12px; 
   font-family : Verdana, Arial, Helvetica, sans-serif; 
   color : #cc0000;}

.smallwhitetext {
   font-weight : normal; 
   font-size : 11px; 
   font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; 
   color : #cccccc; }
.smalltext {
   font-weight : normal; 
   font-size : 11px; 
   font-family : Verdana, Arial, Helvetica, sans-serif; }
.smallgreytext {
   font-weight : normal; 
   font-size : 11px; 
   font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; 
   color : #666666; }
.smallboldtext {
   font-weight : bold; 
   font-size : 11px; 
   font-family : Verdana, Arial, Helvetica, sans-serif; }

.rightnavText { font-size: 10px; }
#header { font-weight: bold; color: #000000; line-height: 12px; }
#text { color: #666666; line-height: 12px; }

.leftnavlevel { font-size: 9px; color: #666666; }
#on { font-weight: bold; color: #000000; }
.leftnavlevelselected { font-weight: bold; font-size: 9px; color: #666666; }
#on { font-weight: bold; color: #000000; }

.note { font-size: 10px; color: #666666; line-height: 12px; }

/* colors */
.greyLine { background-color: #CBCBDC; }
.goldLine { background-color: #CBCBDC; }
.redLine { background-color: #cc0000; }
.leftnavLine { background-color: #f4f4f4; }

/* background image */
.topnavBkgd { background-color: #FFFFFF; }
.topnavLinkBkgd { background-color: #C35949; background-image:  url(http://phoenixdoors.ca/images/top.gif); background-repeat: no-repeat; }
.rightnavNonavBkgd { background-image:  url(); background-repeat: repeat-x; !important; }
.leftnavbgd { background-image:  url(http://phoenixdoors.ca/images/leftnav_red_bkgd.gif); background-repeat: no-repeat; }
.dotline { background-image:  url(http://phoenixdoors.ca/images/dotline.gif); }
.topnavOff { background-image: url(http://phoenixdoors.ca/images/off.gif); }

/* form elements */
textfield, input { font-size: 10px; color: #333333; }
select { font-size: 10px; color: #333333; height: 18px; }

.cuteheader {
	background-image:  url(http://phoenixdoors.ca/images/cap.gif);
	width:397px;
	height:12px;
	background-repeat:no-repeat;
	font-size: 10px;
	color: #000000;
	font-weight:bold;
}