.WindowBackground{
/*	background-color: #dddddd;*/
	background:url(../images/page_bg.gif) repeat-x top;
	margin:20px;
}

.WSBody {
	width: 900px;
	/* allow height to adjust with content of each page */
	margin-left: auto;
	margin-right: auto;
	/*background-color: white;  /* let background color show through */
	border-style: none;
}

.PageLayout {
	height: 100%;
	border-collapse: collapse;
	padding: 0px;
}

.Banner {
	padding: 0px;
	height: 110px;  /* make same size as scaled-down banner image to avoid extra border */
}
	
.BannerImage {
	width: 100%;
	margin-bottom: 2px;
	border-radius: 10px;
}
	
.PageContentRow {
	border-collapse: collapse;
	padding: 0px;
	text-align: center;
}

.MainNavMenu {
	border-collapse: collapse;
	padding: 0px;
}

.MainNavButton {
	width: 180px; /*900px width divided by 5 Nav items*/
	height: 32px;
	display: block; /*makes entire button area clickable vs just the space character used for the link*/
	text-decoration: none; /*prevents underline on the space character used for the link*/
	text-align: center;
	background:url(../images/MainNav_bg.gif) repeat-x 0% 0%;
	border-radius: 7px;
	border: solid 1px #bbbbbb;
}
.MainNavButton:hover {
	background-position: bottom;
}
.MainNavButtonHere {
	width: 180px; /*900px width divided by 5 Nav items*/
	height: 30px;
	display: block; /*makes entire button area clickable vs just the space character used for the link*/
	text-decoration: none; /*prevents underline on the space character used for the link*/
	text-align: center;
	background:url(../images/MainNavHere_bg.gif) repeat-x 0% 0%;
	background-position: top;
	border-radius: 7px;
	border: solid 1px #bbbbbb;
}
.MainNavLabel {
	color: white;
	font-family: arial, sans-serif;
	font-size: normal;
	font-weight: bold;
	position: relative;
	bottom: -8px;
}

.PageTitle {
	text-align: center;
	font-family: ariel, sans-serif;
	padding: 0px;
}

.MainContentFrame{
	vertical-align: top;
	border-collapse: collapse;
	padding: 0px;
	font-family: ariel, sans-serif;
	text-align: left;
}

.ContentFrame{
	width: 100%;
	background-color: #fafafa;
	border-radius: 10px;
	border-collapse: collapse;
	margin-bottom: 20px;
	padding: 0px;
}

.BenefitsFrame {
	width: 100%;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	Font-family: arial, sans-serif;
	text-align: left;
}
	
.BenefitBlock {
	float:left;
	width: 234px; /* orginally 235px. Fixed 13Jul2024. Could also do 33%? */
	background: url(../images/BenefitBlock_bg.gif) repeat-y 100% 0%;
	border-radius: 10px;
	border-collapse: collapse;
	border: solid 1px  #aaaaaa;
	min-height: 206px;
	padding: 15px 26px 20px 36px; /* Top, Right, Bottom (includes room for button), Left */
	font-size: 14px;
	color: #081f3a; /* dark blue-black */
}

.BenefitImage1 {
	background:url(../images/IconCleanDesign.png) no-repeat 0% 0%;
}
.BenefitImage2 {
	background:url(../images/IconHeatMap.png) no-repeat 0% 0%;
}
.BenefitImage3 {
	background:url(../images/IconEasyInstall.png) no-repeat 0% 0%;
}

.TextPageLayout {
	border-radius: 10px;
	padding: 15px 26px 15px 10px; /* top, right, bottom, left */
	line-height: 2em; /* allow spacing between headings and text blocks */
	text-align: left;
	font-family: ariel, sans-serif;
	background-color: white;
}
.NormalText {
	font-family: ariel, sans-serif;
	font-size: 15px;
	line-height: 1.3em;
	color: #081f3a; /* dark blue-black */
	padding-left: 26px;
}

.ReadMoreButton {
	width: 120px;
	height: 26px;
	display: block; /*makes entire button area clickable vs just the space character used for the link*/
	text-decoration: none; /*prevents underline on the space character used for the link*/
	text-align: center;
	background-position: bottom;
	background-repeat: no-repeat; /*show only one button image in the block*/
	background-image: url(../images/BlankButton.png);
}
.ReadMoreButton:Hover {
	background-position: top; /*show the other portion of the image when mouse hovers over button*/
}
.ReadMoreButtonLabel {
	color: white;
	font-size: small;
	font-weight: bold;
	position: relative;
	bottom: -4px;
}

.GetQuoteFrame {
	Float: left;
	padding: 20px 0px 0px 36px;
}
.GetQuoteButton {
	width: 120px;
	height: 26px;
	display: block; /*makes entire button area clickable vs just the space character used for the link*/
	text-decoration: none; /*prevents underline on the space character used for the link*/
	text-align: center;
	background-position: bottom;
	background-repeat: no-repeat; /*show only one button image in the block*/
	background-image: url(../images/BlankButton.png);
}
.GetQuoteButton:Hover {
	background-position: top; /*show the other portion of the image when mouse hovers over button*/
}
.GetQuoteButtonLabel {
	color: white;
	font-size: small;
	font-weight: bold;
	font-family: arial, sans-serif;
	position: relative;
	bottom: -2px;
}

.MainDocs {
	width:40%;
	float:right;
	margin-bottom: 10px;
}
.DocFrame {
	border: solid 1px #cccccc;
	border-radius: 10px;
	background-color: #eeeeee;
	padding: 5px 10px 5px 10px;
	vertical-align: bottom;
	text-align: center;
}
.DocIconLink {
	border-style: none;
	font-size: small;
	font-family: ariel, sans-serif;
	text-decoration: none; /* Suppress auto-underline of links */
}
.DocIcon {
	height: 40px;
	padding: 0px 0px 0px 10px; /* Top, Right, Bottom, Left */
	vertical-align: top;
	border-style: none;
}
.Three-A-Logo {
	float: right;
	height: 75px;
	padding: 5px 5px 5px 5px;
	vertical-align: top;
	border-style: none;
}
.FDA-logo {
	width: 50px;
	/*float: right;*/
	padding: 5px 5px 15px 5px;
	vertical-align: top;
	border-style: none;
}

.PageFooterRow {
	height: 30px;
	padding: 10px 15px 8px 10px;
	vertical-align: top;
	text-align: right;
	font-family: sans-serif;
	font-size: 12px;
	color: #081f3a; /* dark blue-black */
	border-top: solid 1px #081f3a;
}

.CopyrightFooter {
	color: #081f3a;
	font-family: sans-serif;
	font-size: x-small;
	float: left;
}

.PageFooterRow a:link {
	color: #081f3a;
}
.PageFooterRow a:visited {
	color: #081f3a;
}
.PageFooterRow a:active {
	color: white;
}
.PageFooterRow a:hover {
	color: blue;
}

/*** PRODUCTS PAGE ***/
.ProductNavMenuFrame {
	border-collapse: collapse;
	padding: 10px 5px 15px 35px;
}
.ProductNavMenu {
	border-collapse: collapse;
	padding: 2px;
}
.ProductNavButton {
	width: 160px;
	height: 22px; /* narrower than main nav above */
	display: block; /*makes entire button area clickable vs just the space character used for the link*/
	text-decoration: none; /*prevents underline on the space character used for the link*/
	background:url(../images/ProductNav_bg.gif) repeat-x 0% 0%;
	text-align: center;
	border-radius: 6px;
	border: solid 1px gray;
}
.ProductNavButton:hover {
	background-position: bottom;
}
.ProductNavLabel {
	color: black;
	font-family: arial, sans-serif;
	font-size: small;
	font-weight: bold;
	position: relative;
	bottom: -2px;
}
.ProductNavButtonSelected {
	width: 160px;
	height: 22px;
	text-align: center;
	padding: 0px;
	background:url(../images/ProductNavHere_bg.gif) repeat-x 0% 0%;
	background-position: top;
	border-radius: 6px;
	border: solid 1px silver;
}
.ProductNavLabelSelected {
	color: white;
	font-family: arial, sans-serif;
	font-size: small;
	font-weight: bold;
	position: relative;
	bottom: -2px;
}
.ProductEntry {
	/*border-bottom: solid 8px #dddddd; /*#081f3a;*/
}

.ProductDescriptionBlock {
	/*	width: whatever is left after the model numbering and image blocks to the right */
	padding: 20px 10px 10px 15px; /* Top, Right, Bottom, Left */
	vertical-align: top;
	border-bottom: solid 2px #eeeeee;
}
.LastProductDescriptionBlock {
	padding: 20px 10px 10px 15px; /* Top, Right, Bottom, Left */
	vertical-align: top;
	/* no bottom border */
}	
.ProductHeading {
	color:black;
	font-weight:bold;
	font-size:17px;
	line-height:1.2em;
	margin-bottom:6px;		
}
.ProductText {
	font-size: 15px;
	color: #5a5a5a; /* dark gray text */
	Padding: 0px 0px 10px 20px; /* indent from heading */
}
.ProductTextParagraph{
	margin:0.6em;  /* don't want full line-height paragraph spacing */
}
.ProductModelBlock {
	width: 260px;
	vertical-align: top;
	padding-top: 35px; /* lines up with top of product description text */
	border-bottom: solid 2px #eeeeee;
}
.LastProductModelBlock {
	vertical-align: top;
	padding-top: 35px; /* lines up with top of product description text */
	/* No bottom border */
}
.ProductModel {
	width: 160px;
	padding: 10px 5px 10px 10px;
	vertical-align: top;
	float: right;
	text-align: right;
	font-size: 12px;
	line-height:1.5em;
}
.ModelNumber {
	vertical-align: top;
	text-align: left;
	padding: 10px 5px 10px 0px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5em;
}
.CustomModel {
	color: red;
}

.ProductBlock {
	width: 175px;
	height: 150px;
	background:url(../images/ProductBlock_bg.gif) repeat-x bottom;
	border: solid 2px silver;
	padding: 15px 15px 15px 15px; /* Top, Right, Bottom, Left */
	margin: 0px 8px 8px 0px;
	text-align: center;
	vertical-align: center;
}
.LargeProductBlock {
	background:url(../images/LargeProductBlock_bg.gif) repeat-x bottom;
	border: solid 2px silver;
	border-radius: 10px;
	padding: 15px 15px 15px 15px; /* Top, Right, Bottom, Left */
	margin: 0px 8px 8px 0px;
	text-align: center;
	vertical-align: center;
}
 .ProductBlockImage{
	float:right; 
	height:180px; 
	padding: 0px 15px 15px 0px;
}
.ProductImage {
	width: 120px;
}
.ProductImageLarge {
	width: 100%;
}
.Diagram {
	height: 300px;
	padding: 10px 10px 10px 20px;
}

.ProductDocs {
	float:left;
	margin-bottom: 10px;
}
/*** KEY FEATURES PAGE ***/

.TableOfContents {
	padding: 10px 0px 10px 110px;
	background-color: #dddddd;
}
.BenefitList {
	vertical-align: top;
	padding-right: 40px;
}
.ContentHeading {
	font-size: normal;
	font-weight: bold;
	color: #081f3a; /* dark blue-black */
	padding: 5px;
	text-decoration: none;
	line-height: 1.8em;
	padding-left: 20px;
}
.SubListItem {
	padding-left: 20px;
	font-size: small;
	font-family: arial, sans-serif;
	color: #555555;
	line-height: 1.2em;
}
.BodyText {
	font-size: 15px;
	color: #5a5a5a; /* dark gray text */
	Padding: 0px 40px 10px 20px;
}
.BackToTop {
	font-size: small;
	font-weight: bold;
	font-family: arial, sans-serif;
	color: Navy
}

/*** QUOTES PAGE ***/

.QuotePageContent {
	text-align: left;
	padding: 1px 25px 0px 36px;
	background: url(../images/block2_bg.gif) repeat-x 50% 0%; 
}

.FormBox {
	border-style: solid;
	border-width: 2px;
	border-color: grey;
	background-color: silver;
	font-size: small;
	font-family: ariel, sans-serif;
	color: black;
}

.FormBoxHeading {
	padding: 10px;
	text-align: left;
}

.FormTextLabel {
	width: 75px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: right;
	vertical-align: top;
}

.FormTextInputFrame {
	width: 250px;
	text-align: left;
}

.FormTextInput {
	width: 200px;
}

.TextAreaFrame {
	padding-right: 10px;
	padding-bottom: 7px;
}

/*** Case Studies Page ***/
.AccentText {
	color: #081f3a; /* dark blue-black */
	font-style: italic;
	font-size: small;
}

.InLineImage {
	height: 75px;
	padding: 10px 0px 0px 50px;
	border-style: none;
}

/*** Company Page ***/
 .NoteBox {
	width: 200px;

	border-style: double;
	border-width: 3px;
	border-color: #081f3a;
	background-color: #cccccc;

	padding: 10px;
	text-align: center;
	margin-left: 300px;

	font-size: small;
	font-family: arial, sans-serif;
	font-weight: Bold;
	color: #081f3a; /* dark blue-black */
	line-height: 120%;
}
 
 /*** Global styles ***/
 h4 {
	color:#000;
	font-weight:bold;
	font-size:20px;
	line-height:1.2em;
	padding:0 0 0 85px;
	min-height:70px;
	margin-bottom:0px;	
}