/* ================================
    CSS STYLES FOR 1-800-AIR DUCT
	Powered by Tecra Systems, Inc. 
   ================================
*/   


/* HTML TAG STYLES */

BODY
{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 11px;
	COLOR: #000000;
	BACKGROUND : #B7b7b7;
	TEXT-DECORATION: none;
	MARGIN: 0px;
	PADDING: 0px;
	HEIGHT: 100%;
	TEXT-ALIGN: center;
}

TD,FONT,P 
{
	FONT-SIZE: 11px; 
	COLOR: #000000;
	TEXT-DECORATION: none
}

B 
{
	FONT-SIZE: 11px; 
	COLOR: #000000;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none
}

TEXTAREA
{
	FONT-SIZE: 11px;
	COLOR: #000000;
}

INPUT
{
	FONT-SIZE: 11px;
	COLOR: #000000;
}


SELECT
{
	FONT-SIZE: 11px;
	COLOR: #000000
}



/* DEFAULT LINKS STYLE */



A
{
	COLOR: #000000;
	TEXT-DECORATION: underline;
}

A:hover 
{
	COLOR: #FF0066;
	TEXT-DECORATION: none;
}



/* CUSTOM LINKS STYLES */



A.link
{
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	COLOR: #003399;
	TEXT-DECORATION: none
}

A.link:hover
{
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	COLOR: #0066CC;
	TEXT-DECORATION: underline
}



/* PAGE LAYOUT STYLES */

.TopBg1
{
	FONT-SIZE: 10px;
	BACKGROUND-COLOR: #FFFFFF;
	BACKGROUND-IMAGE: url(../Images/Topbg1.gif);
	BACKGROUND-REPEAT: repeat-x;
	BACKGROUND-POSITION: top;
	HEIGHT: 18px;
}

.TopBg2
{
	FONT-SIZE: 10px;
	BACKGROUND-COLOR: #DC1C1C;
	BACKGROUND-IMAGE: url(../Images/Topbg2.gif);
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left bottom;
	HEIGHT: 18px;
	WIDTH: 200px;
}


.HeaderBg
{
	BACKGROUND-IMAGE: url(../Images/Headerbg.gif);
	BACKGROUND-REPEAT: repeat-x;
	BACKGROUND-POSITION: top;
	BORDER-BOTTOM: 1px solid #DCDCDC;
	HEIGHT: 81px;
}

.HeaderBottom
{
	FONT-SIZE: 10px;
	BACKGROUND-COLOR: #FFFFFF;
	HEIGHT: 15px;
}

.BodyBg
{
	BACKGROUND-COLOR: #B7B7B7;
	BACKGROUND-IMAGE: url(../Images/BodyBg.gif);
	BACKGROUND-REPEAT: repeat-x;
	BACKGROUND-POSITION: top;
	VERTICAL-ALIGN: top;
	TEXT-ALIGN: center;
	HEIGHT: 100%;
}

.FooterBg
{
	FONT-SIZE: 13px;
	FONT-WEIGHT: normal;
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #DC1C1C;
	BORDER-TOP: 1px solid #FFFFFF;
	VERTICAL-ALIGN: middle;
	PADDING-LEFT: 10px;
	HEIGHT: 30px;
}

.LeftBg
{
	BACKGROUND-COLOR: #7F7F7F;
	BACKGROUND-IMAGE: url(../Images/rightcorner.gif);
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: right top;
	PADDING-TOP: 15px;
	VERTICAL-ALIGN: top;
	WIDTH: 100px;
}


.InnerRightBg
{
	BACKGROUND-COLOR: #E8E8E8;
	BACKGROUND-IMAGE: url(../Images/leftcorner.gif);
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left top;
 	VERTICAL-ALIGN: top;
	TEXT-ALIGN: right;
}

.RightBg
{
	BACKGROUND-COLOR: #E8E8E8;
	BACKGROUND-IMAGE: url(../Images/innercorner.gif);
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left top;
 	VERTICAL-ALIGN: top;
	TEXT-ALIGN: right;
}

.MemberRightBg
{
	BACKGROUND-COLOR: #FFFFFF;
	BACKGROUND-IMAGE: url(../Images/innercorner.gif);
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left top;
 	VERTICAL-ALIGN: top;
	TEXT-ALIGN: right;
}

.RightMenuBg
{
	BACKGROUND-COLOR: #E8E8E8;
	WIDTH: 150px;
}

.RightMenuHead
{
	BACKGROUND-COLOR: #DCDCDC;
	BORDER-TOP: 1px solid #FFFFFF;
	BORDER-BOTTOM: 1px solid #BEBEBE;
	VERTICAL-ALIGN: middle;
}

.RightMenu
{
	BACKGROUND-COLOR: #E8E8E8;
	BACKGROUND-IMAGE: url(../Images/rightboxcontentbg.gif);
	BACKGROUND-REPEAT: repeat-x;
	BACKGROUND-POSITION: bottom;
	BORDER-TOP: 1px solid #FFFFFF;
	BORDER-BOTTOM: 1px solid #BEBEBE;
	HEIGHT: 50px;
	VERTICAL-ALIGN: middle;
}
.Divid
{
	background-image: url(../Images/Divid.gif);
	background-repeat: repeat-y;
	background-position: center center;
	width: 2px;
}

.Width
{
	WIDTH: 20px;
	BACKGROUND-COLOR: #FFFFFF;
}

.PageHead
{
	FONT-SIZE: 20px;
	FONT-WEIGHT: bold;
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #7F7F7F;
	HEIGHT: 40px;
	VERTICAL-ALIGN: middle;
	BACKGROUND-IMAGE: url(../Images/leftcorner.gif);
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left top;
	PADDING-LEFT:5px;
}

.ContentArea
{
	PADDING-LEFT: 5px;
}


/* HEDING STYLES */


.BigBold
{
    FONT-SIZE: 16px;
    FONT-WEIGHT : bold;
    COLOR: #990000;
	PADDING: 5px;
}



.Head
{
    FONT-SIZE: 12px;
    FONT-WEIGHT : bold;
    COLOR: #666644;
}



/* TEXT STYLES */



.Italic 
{
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	COLOR : #000000;
	FONT-STYLE: italic
}

.NoteText
{
	FONT-SIZE: 9px;
	COLOR: #CC0000
}

.SmallText
{
	FONT-SIZE: 9px;
	FONT-WEIGHT : normal;
	COLOR: #000000
}

.LineBreak
{
    FONT-SIZE: 3px
}

.Bold
{
	FONT-SIZE: 10px;
	FONT-WEIGHT : bold;
	COLOR: #000000;
}

.CopyRights
{
	FONT-SIZE: 9px;
	COLOR: #666666;
}


/* FORM STYLES */


.FormText
{
	FONT-SIZE: 13px;
	FONT-WEIGHT: normal;
	COLOR: #000000;
	BACKGROUND-COLOR: #F4F4F4;
	BORDER: 1px solid #BEBEBE;
}

.FormDropdown 
{
	FONT-SIZE: 11px;
	FONT-WEIGHT: normal;
	COLOR: #000000;
	BORDER: 1px solid #666666;
}



/* OTHER STYLES */


.Hline-white
{
	FONT-SIZE: 1px;
	BORDER-TOP: 1px solid #FFFFFF;
	HEIGHT: 1px;
}

.Hline-gray
{
	FONT-SIZE: 1px;
	BORDER-BOTTOM: 1px solid #BEBEBE;
	HEIGHT: 1px;
}

.Vline
{
	FONT-SIZE: 1px;
	BACKGROUND-COLOR: #FFFFFF;
	BORDER-LEFT: 1px solid #BEBEBE;
	WIDTH: 1px;
}

.Line
{
	FONT-SIZE: 9px;
	BACKGROUND-IMAGE: url(../images/line.gif);
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left center;
	height: 10px;
}



/* Grid Styles*/
.clsLegend {
	FONT-WEIGHT: bold;
	COLOR: #FF0000
}

.clsFormField {
	FONT-SIZE: 11px;
	FONT-WEIGHT: normal;
	COLOR: #000000;
	BACKGROUND-COLOR: #F4F4F4;
	BORDER: 1px solid #BEBEBE;
}

.clsFormLabel 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	FONT-WEIGHT: bold;
	COLOR: #333333;
	font-size: 12px;
	text-align: right;
}

.clsEmailFormLabel 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	FONT-WEIGHT: bold;
	COLOR: #333333;
	font-size: 12px;
	text-align: left;
}

.clsTableColumnHeader 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	FONT-WEIGHT: bold;
	FONT-SIZE: 16pt;
	COLOR: #000000;
	background-color: #EEEEEE;
	line-height: 20px;
	margin: 1px;
	padding: 1px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;	
}

.clsSplashImage {
	BORDER-BOTTOM: 1px solid #000000;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

.tablecell {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background: url(../images/cell_bg.gif);	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 20px;
	margin: 1px;
	padding: 1px;
}

.MemberInfoCell
 {
	font-size: 11px;
	font-weight: normal;
	color: #000000;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 15px;
	margin: 1px;
	padding: 1px;
}

.usertr1
{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	COLOR: #000000;
	background-color: #FFFFFF;
	line-height: 15px;
	margin: 2px;
	padding: 5px;
	vertical-align:baseline;
}
.usertr2
{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	COLOR: #000000;
	background-color: #F7FBFD;
	line-height: 20px;
	margin: 2px;
	padding: 5px;
	vertical-align:top;
}
.usertr3
{
	font-size: 12px;
	font-weight: normal;
	color: #000000;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 60px;
	margin: 2px;
	padding: 5px;	
	vertical-align:top;
}

.userhead
{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	COLOR: #000000;
	background-color: #EEEEEE;
	line-height: 20px;
	margin: 1px;
	padding: 1px;
	font-weight: bold;
	text-align: left;
}

.tablecellbold {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background: url(../images/cell_bg.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 20px;
	text-align: left;
}
/* Box styles*/


.boxtopbg
{
	BORDER-TOP: #999999 1px solid;
	HEIGHT: 8px;
	width: 99%;
}

.boxleftbg
{
	BORDER-LEFT: #999999 1px solid;
	width:9px;
}

.boxrightbg
{
	BORDER-RIGHT: #999999 1px solid;
	width:9px;
}
.boxbottombg
{
	BORDER-BOTTOM: #999999 1px solid;
}

/* Grid table classes*/

.tdhead
{
	FONT-FAMILY: Verdana,  Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	FONT-WEIGHT : bold;
	COLOR: #FFFFFF;
	background-color: #7F7F7F;
	margin: 10px;
	padding: 10px;
	text-align:center;
	vertical-align: middle;
	height: 25px;
	border: 1px solid #4369EB;
}

.tdhead1
{
	FONT-FAMILY: Verdana,  Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	FONT-WEIGHT : bold;
	COLOR: #FFFFFF;
	background-color: #7F7F7F;
	margin: 10px;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	height: 25px;
	border-top: 1px solid #666633;
	border-right: 0px none;
	border-bottom: 1px solid #666633;
	border-left: 0px none;
}

.tdhead2
{
	FONT-FAMILY: Verdana,  Arial, Helvetica, sans-serif;
	FONT-SIZE: 13px;
	FONT-WEIGHT : bold;
	COLOR: #FFFFFF;
	background-color: #FFFFFF;
	margin: 10px;
	padding: 10px;
	text-align: left;
	vertical-align: middle;
	height: 25px;
}

.tddata
{
	FONT-FAMILY: Verdana,  Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	FONT-WEIGHT : normal;
	COLOR: #000000;
	background-color: #E4EFFC;
	margin: 5px;
	padding: 5px;
	text-align: left;
	vertical-align: top;
	height: 15px;
	border-top: 0px none;
	border-right: 1px solid #4369EB;
	border-bottom: 0px none;
	border-left: 1px solid #4369EB;

}

.tddata1
{
	FONT-FAMILY: Verdana,  Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	FONT-WEIGHT : normal;
	COLOR: #000000;
	background-color: #E4EFFC;
	margin: 5px;
	padding: 5px;
	text-align: left;
	vertical-align: top;
	height: 20px;
	border: 0px none #666633;
}

.tddata2
{
	FONT-FAMILY: Verdana,  Arial, Helvetica, sans-serif;
	FONT-SIZE: 10px;
	FONT-WEIGHT : normal;
	COLOR: #000000;
	background-color: #E4E4DB;
	margin: 10px;
	padding: 10px;
	text-align: left;
	vertical-align: top;
}

.tddatabottom
{
	FONT-FAMILY: Verdana,  Arial, Helvetica, sans-serif;
	FONT-SIZE: 10px;
	FONT-WEIGHT : normal;
	COLOR: #000000;
	background-color: #E4EFFC;
	margin: 10px;
	padding: 10px;
	text-align: left;
	vertical-align: top;
	height: 20px;	

}

.tddata1bottom
{
	FONT-FAMILY: Verdana,  Arial, Helvetica, sans-serif;
	FONT-SIZE: 10px;
	FONT-WEIGHT : normal;
	COLOR: #000000;
	background-color: #E4EFFC;
	margin: 10px;
	padding: 10px;
	text-align: left;
	vertical-align: top;
	height: 20px;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 1px solid #4369EB;
	border-left: 0px none;


}

.tddata2bottom
{
	FONT-FAMILY: Verdana,  Arial, Helvetica, sans-serif;
	FONT-SIZE: 10px;
	FONT-WEIGHT : normal;
	COLOR: #000000;
	background-color: #E4E4DB;
	margin: 10px;
	padding: 10px;
	text-align: left;
	vertical-align: top;
	height: 60px;
	border-top: 0px none;
	border-right: 1px solid #666633;
	border-bottom: 1px solid #666633;
	border-left: 0px none;
}

/*Button Styles*/

.bluebuttonSmall
{
	
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/lightbluebutton.gif) no-repeat;
	height: 21px;
	width: 64px;
	border: none;		
	color: #FFFFFF;
}

.bluebuttonbig 
{
	
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/blubigbutton.gif) no-repeat;
	height: 23px;
	width: 129px;
	border: none;		
	color: #FFFFFF;
}
.bluebuttonLarge 
{
	
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/bluebigbuttona.gif) no-repeat;
	height: 23px;
	width: 148px;
	border: none;		
	color: #FFFFFF;
}


/* Member Info Styles */


	.linebreak
{
    FONT-SIZE: 2px
}

.justi 
{  font-family: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 13px;
	LINE-HEIGHT: 200%;
	TEXT-ALIGN: justify;
	COLOR: #000000;
	padding: 0px 2px;
	margin: 1px;
}

.rightjusti
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 	
	TEXT-ALIGN: justify;
	COLOR: #000000;
	padding: 0px 2px;
	margin: 1px;
}

.frmside
{
	FONT-SIZE: 11px;
	FONT-WEIGHT: lighter;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

.TxtBox
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #333333; 
	FONT-FAMILY: Geneva, Arial, Helvetica; 
	BACKGROUND-COLOR: #dfdfdf
}

.header3
{

	FONT-WEIGHT: bold;
	FONT-SIZE: 18px;
	COLOR: #003300; 
	LINE-HEIGHT: 15px;
	FONT-STYLE: italic;
}

.bold 
{
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	font-family: Verdana,  Arial, Helvetica, sans-serif;
	text-align: left;


}
.greenbold
{
	font-size: 25px;
	font-weight: bold;
	color: #009900;
	font-family: Verdana,  Arial, Helvetica, sans-serif;

}

.greensmallbold
{
	font-size: 12px;
	font-weight: bold;
	color: Green;
	font-family: Verdana,  Arial, Helvetica, sans-serif;

}

.blackbold
{
	FONT-SIZE: 16px;
	FONT-WEIGHT: bold;
	COLOR: #2063C8
}

.frmsidebold {

	FONT-SIZE: 9px;
	FONT-WEIGHT: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.clsFormField {
	BORDER-RIGHT: #666666 1px solid;
	BORDER-TOP: #666666 1px solid;
	BORDER-LEFT: #666666 1px solid; 
	BORDER-BOTTOM: #666666 1px solid;
}


.boldname 
{
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	font-family: Verdana,  Arial, Helvetica, sans-serif;

}

.Heading3
{
	FONT-SIZE: 15px;
	FONT-WEIGHT : bold;
	color: #DC1C1C;

}
.buttonbg 
{
	background-color: #518CED;
	height: 20px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
}

A.Toplinks
{
	FONT-SIZE: 10px;
	FONT-WEIGHT: bold;
	COLOR: #FFFFFF;
	TEXT-DECORATION : none
}

A.Toplinks:hover
{
	FONT-SIZE: 10px;
	FONT-WEIGHT: bold;
	COLOR: #FFCC00;
	TEXT-DECORATION : none
}

.ErrorMessage
{
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
	font-family: Verdana,  Arial, Helvetica, sans-serif;

}
/* Admin Login Sytle*/

A.Footerlink
{
	FONT-SIZE: 9px;
	FONT-WEIGHT: bold;
	COLOR: #CCCCCC;
	TEXT-DECORATION: none
}

A.Footerlink:hover
{
	FONT-SIZE: 9px;
	FONT-WEIGHT: bold;
	COLOR: #EEEEE3;
	TEXT-DECORATION: underline
}
.Head1 {

    FONT-SIZE: 11px;
    FONT-WEIGHT : bold;
    COLOR: #FFFFFF;
}

.Tableborder {
	border: 1px solid #000000;
}

.redbold
{
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	font-family: Verdana,  Arial, Helvetica, sans-serif;

}