﻿body { background-image: url(WebImages/BackgroundCheck.png); background-repeat: repeat; font-family: Tahoma; font-size: small; color: Gray;}

/*  Tables & Boxes */
.headerBox { background-image: url(WebImages/HeaderBackground.png); background-repeat: no-repeat; text-align: center; height: 145px; color: #C0C0C0; 
	 width: 800px;}
.menuBox { background-image: url(WebImages/MenuBackground.png); background-repeat: no-repeat; text-align: left; height: 55px; color: #C0C0C0; 
	 width: 800px;}
.fansBox { background-image: url(WebImages/FansTop.gif); background-repeat: no-repeat; background-position: center center; width: 180px; height: 45px; }
.grillesBox { background-image: url(WebImages/GrillesTop.gif); background-repeat: no-repeat; background-position: center center; width: 180px; height: 45px; }
.dampersBox { background-image: url(WebImages/DampersTop.gif); background-repeat: no-repeat; background-position: center center; width: 180px; height: 45px; }
.mainTableBox { background-image: url(WebImages/MainTableBackground.gif); background-repeat: no-repeat; background-position: top center; width: 800px; }
.middleBox { background-image: url(WebImages/GrayBoxMid.gif); background-repeat: repeat-y; background-position: center center; width: 180px; 
	 font-size: xx-small; color: Gray; vertical-align: top; }
.middleTextBox { width: 144px; font-size: xx-small; color: Gray; text-align: justify; }
.middleMoreBox { background-image: url(WebImages/GrayBoxMid.gif); background-repeat: repeat-y; background-position: center center; width: 180px; 
	 font-size: xx-small; color: Gray; text-align: Right; }
.bottomBox { background-image: url(WebImages/RoundedBoxBottom.gif); background-repeat: no-repeat; background-position: center center; width: 180px; height: 10px; }
.leftMenuTop {  background-image: url(WebImages/MenuHeader.gif); background-repeat: no-repeat; background-position: center center; width: 220px; height: 25px;}
.leftMenuMid { background-image: url(WebImages/MenuMid.gif); background-repeat: repeat-y; background-position: center center; width: 2250px;}
.leftMenuItem { background-image: url(WebImages/MenuItemLeft.gif); background-repeat: no-repeat; background-position: center center; width: 27px; height: 25px;
	 text-align: left;}
.rightMenuItem { background-image: url(WebImages/MenuItemRight.gif); background-repeat: no-repeat; background-position: center center; width: 170px; height: 25px;
	 text-align: left;}
.dividerCell { border-bottom: dotted 1px gray; }
.leftMenuColumn { background-color: #F3F1F1; }
.leftDotMenu { background-image: url(WebImages/Dot.gif); background-position: center center; background-repeat: no-repeat; background-color: White; width: 20px; height: 20px; }

.productHeader2 { background-image: url(WebImages/ProductTableHeader2.png); background-position: left top; background-repeat: no-repeat; background-color: White; width: 530px; height: 37px; }
.productHeader3 { background-image: url(WebImages/ProductTableHeader3.png); background-position: left top; background-repeat: no-repeat; background-color: White; width: 530px; height: 37px; }
.productHeader4 { background-image: url(WebImages/ProductTableHeader4.png); background-position: left top; background-repeat: no-repeat; background-color: White; width: 530px; height: 37px; }
.productHeader5 { background-image: url(WebImages/ProductTableHeader5.png); background-position: left top; background-repeat: no-repeat; background-color: White; width: 530px; height: 37px; }
.productTable { background-image: url(WebImages/ProductTableBackground.png); background-position: left top; background-repeat: repeat-y; background-color: White; width: 530px; }

.dataTableHeader { background-color: #0A71AC; color: White; font-weight: bold; text-align: center;}
.techTableRightColumn { width: 320px; text-align: justify;}
.techTableLeftColumn { width: 200px; }
.techTableCteColumn { width: 5px;}

/*  Links  */
a { color: Gray; text-decoration: underline; }
a:hover { color: Silver; }
a:visited { color: Gray; }

.menuLink { color: White; text-decoration: none; }
.menuLink:hover { color: Silver; text-decoration: underline; }
.menuLink:visited { color: White; }

.blueLink { color: #0A71AC; text-decoration: underline; font-size: x-small;}

.siteMapLink { color: #0A71AC; text-decoration: none; font-size: small;}
.siteMapLink:hover { color: Gray; text-decoration: none; }
.siteMapLink:visited { color: #0A71AC; text-decoration: none; }

.smallSilverLink { color: Silver; text-decoration: underline; font-size: x-small; }
.smallSilverLink:hover { color: Gray; }
.smallSilverLink:visited { color: Silver;}


/*  Labels & Headers  */
.blueLabel { color: #0a71ac; font-weight: bolder; font-size: small; }
.smallBlueLabel { color: #0a71ac; font-weight: bolder; font-size: x-small; }
.grayLabel { color: Gray; font-weight: bolder; font-size: x-small; }
.grayFullSizeLabel { color: Gray; font-weight: bolder; font-size: small; }
.xsmallText { color: #9F9F9F; font-size: x-small; }
.textBoxFormat{ vertical-align: top; font-family: Tahoma;	font-size: x-small; color: Gray;}
.errorLabel { color: Red;}
.smallErrorLabel { color: Red; font-size: xx-small; }


/*   Panels   */
.panelStyle { width: 525px; text-align: justify; }


/*   Grids   */
.LHTCell
{
	background-image: url(Images/LHTCorner.gif);
	background-repeat: no-repeat;
	font-family: Arial, Tahoma, Times New Roman;
	font-size: x-small;
	color: #000040;
	text-align: center;
}

.LHBCell
{
	background-image: url(Images/LHBCorner.gif);
	background-repeat: no-repeat;
	font-family: Arial, Tahoma, Times New Roman;
	font-size: x-small;
	color: #000040;
	text-align: center;
}

.RHTCell
{
	background-image: url(Images/RHTCorner.gif);
	background-repeat: no-repeat;
	background-position: right;
	font-family: Arial, Tahoma, Times New Roman;
	font-size: x-small;
	color: #000040;
	text-align: center;
}

.RHBCell
{
	background-image: url(Images/RHBCorner.gif);
	background-repeat: no-repeat;
	background-position: right;
	font-family: Arial, Tahoma, Times New Roman;
	font-size: x-small;
	color: #000040;
	text-align: center;
}

.LeftCell
{
	background-image: url(Images/LeftBar5-11.gif);
	background-repeat: repeat-y;
	font-family: Arial, Tahoma, Times New Roman;
	font-size: x-small;
	color: #000040;
	text-align: center;
}

.RightCell
{
	background-image: url(Images/RightBar5-11.gif);
	background-position: right;
	background-repeat: repeat-y;
	font-family: Arial, Tahoma, Times New Roman;
	font-size: x-small;
	color: #000040;
	text-align: center;
}

.TopCell
{
	background-image: url(Images/TopBar10-6.gif);
	background-repeat: repeat-x;
	font-family: Arial, Tahoma, Times New Roman;
	font-size: x-small;
	color: #000040;
	text-align: center;
}

.BottomCell
{
	background-image: url(Images/BottomBar10-6.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-family: Arial, Tahoma, Times New Roman;
	font-size: x-small;
	color: #000040;
	text-align: center;
}

.DataTableHeader
{
	background-color: #000080;
	color: White;
	font-family: Arial, Tahoma, Times New Roman;
	font-size: x-small;
	text-align: center;
}

.DataTableBody{ background-color: White; color: Gray; font-family: Arial, Tahoma, Times New Roman; font-size: x-small; text-align: left;}
.GridTableHeader { background-color: #C0C0C0; color: #0a71ac; font-family: Tahoma, Arial, Times New Roman; font-size: x-small; text-align: left;}
.GridTableBody { background-color: White; color: #C0C0C0; font-family: Tahoma, Arial, Times New Roman; font-size: x-small; text-align: left;}
