/* This drops the header and navigation off the display and moves over the body when going to the printer */
@media print{
	.header, .headerExtend, .headerDropDownExtend, .headerDiv, .headerMainDiv, .DropDownMenuDiv, .navigation, .Footer, .FooterExt{display:none;}
}
.MainBody{
  background: #66cc66;
  font-family: Arial;
  margin: 0px;
  min-height: 900px;
}
.MainContainerStyle{
	background-color: #66cc66;
	min-height: 890px;
	width: 100%;
}
.BodyInboxStyle{
	background-color: #66cc66;;
	width: 1070px;
	/* float: left; */
	min-height: 650px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
}
.header{
	width: 100%;
	height: 120px;
}
.headerExtend{
	width: 100%; 
	height: 100px;
	background-color: #003300;
}
.headerDropDownExtend{
	width: 100%; 
	height: 130px;
	background-color: #006633;
}
.headerDiv{
	margin-left: auto;
	margin-right: auto;
	width: 1070px;
}
.headerMainDiv{
	width: 100%;
	height:100px;
	background-color: #003300;
}
.DropDownMenuDiv{
	width:100%;
}
.headerSubHeading{
	margin: -30px 0px 0px 120px;
}
.navigation{
	background-color: white;
	float: left;
	width: 210px;
	height: 610px;
	margin: 20px 20px 0px 0px;
	box-shadow: 8px 7px 5px #1a1a1a;
}
.sphiderSearchDiv{
	top: 0px;
}
.dataObj{
	float: left;
	width: 840px;
	display:block;
}
.Footer{/* Footer.  Just the middle (data) section. */
	background-color: #006633;
	width: 1070px;
	height: 100px;
	margin: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
}
.FooterExt{/* Extension of the Footer. Extends left and right 100% */
	background-color: #006633;
	float: left;
	width: 100%;
	height: 100%;
	margin: 10px 0px 0px 0px;
	box-shadow: 0px 2000px 0px 2000px #006633;/*trick to extend footer to bottom by adding a very large shadow*/
}
.footerTable{
	width: 950px;
	border: 0px solid white
}
.boxHeader {/* aka contHeader */
	font-weight: bolder;
	font-size: 25pt;
	color: black;
	font-family: "Rage Italic", Arial, Serif, Mistral;
}
.boxNoBorder {/* Box without border. Always have a 20px top margin */
	background-color: white;
	margin: 20px 0px 0px 0px;
	padding: 5px 15px 5px 15px;
	width: auto;
	overflow: hidden;
	box-shadow: 8px 7px 5px #1a1a1a;
}
.OnlyOneBox{
	/* If only 1 box, min-height is be same as navigation,630px.  600+30(.boxNoBorder) */
	min-height: 600px;
}
.boxWithBorder {
	background-color: white;
	margin: 20px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	border: 2px solid #003500;
	width: auto;
	overflow: hidden;
}
.OnlyOneBoxWithBorder{
	/* If only 1 box with border(.box), min-height must be same as navigation,630px.  600+34(.box) */
	min-height: 596px;
}

/* Decoration classes */
.noPaddingMargins{padding:0px; margin:0px; border:0px}

/* Different common fonts used on website */
.fine{font-size:.7em; color: black;}
.fineLeft{font-size:.7em; text-align:left;}
.path{font-size:.8em; margin-top:0}
.boxtext{margin-left:10px; margin-top:0; margin-bottom:0}
.hoverBolden:hover{text-shadow:1px 0px 0px black;}
.hoverBoldenWhite:hover{text-shadow:1px 0px 0px white;}
.hoverDft:hover{color:#009900;text-decoration: none;}

.FontArial06Black{font-size: 6pt; color: black; font-family: Arial;}
.FontArial06BlackBold{font-size: 6pt; color: black; font-weight: bold; font-family: Arial;}
.FontArial08Black{font-size: 8pt; color: black; font-family: Arial;}
.FontArial08BlackBold{font-size: 8pt; color: black; font-weight: bold; font-family: Arial;}
.FontArial10Black{font-size: 10pt; color: black; font-family: Arial;}
.FontArial10BlackBold{font-size: 10pt; color: black; font-weight: bold; font-family: Arial;}
.FontArial12Black{font-size: 12pt; color: black; font-family: Arial;}
.FontArial12BlackNoDecor{font-size: 12pt; color: black; text-decoration: none; font-family: Arial;}
.FontArial12BlackBoldNoDecor{font-size: 12pt; color: black; font-weight: bold; text-decoration: none; font-family: Arial;}
.FontTimes12BlackNoDecor{font-size: 12pt; color: black; text-decoration: none; font-family: Times New Roman;}
.FontTimes12BlackBoldNoDecor{font-size: 12pt; color: black; font-weight: bold; text-decoration: none; font-family: Times New Roman;}
.FontArial14BlackBold{font-size: 14pt; font-weight: bold; color: black; font-family: Arial;}
.FontArial14BlackBoldCenterNoDecor{font-size: 14pt; font-weight: bold; color: black; font-family: Arial;text-align:center; text-decoration: none;}
.FontTimes15BlackBold{font-size: 15pt; font-weight: bold; color: black; font-family: Times New Roman;}
.FontArial15Black{font-size: 15pt; color: black; font-family: Arial;}
.FontArial15BlackBold{font-size: 15pt; font-weight: bold; color: black; font-family: Arial;}
.FontArial15BlackBoldItalic{font-size: 15pt; font-weight: bold; color: black; font-family: Arial; font-style: italic;}
.FontArial17BlackBold{font-size: 17pt; font-weight: bold; color: black; font-family: Arial;}

.FontArial15White{font-size: 15pt; color: white; font-family: Arial;}
.FontArial14White{font-size: 14pt; color: white; font-family: Arial;}
.FontArial24White{font-size: 12pt; color: white; font-family: Arial;}

/* Different colors - mostly product lines */
.state {text-align: center; font-size: 1.7em;color: #003500; text-decoration: underline;}
.vav {color:#003500;/*color:#009900;*/}
.vent {color:#003500;/*color:#007E3A;*/}
.louv {color:#003500;/*color:#FF00FF;*/}
.fireD {color:#003500;/*color:#FF0000;*/}
.rgd {color:#003500;/*color:#0047B6;*/}
.er {color:#003500;/*color:#9C1E3D;*/}
.hum {color:#003500;/*color:#FF6600;*/}
.any {color:#003500;}
.anyUline {text-decoration: underline;}
.anyUlineBold {text-decoration: underline; font-weight: bold;}
.city {color:#003500;/*color:#FF0000;*/}

/* Lists different link styles mostly different colors for product lines */
a.prod:link { color:#000080;text-decoration: none;font-weight: bold;font-family:"MS Sans Serif",Serif;}
a.prod:visited { color:#000080;text-decoration: none;font-weight:bold;font-family:"MS Sans Serif",Serif;}
a.prod:hover { color:#000080;text-decoration: none;font-weight:bold;font-family:"MS Sans Serif",Serif;}
a.prod:active { color:#000080;text-decoration: none;font-weight:bold;font-family:"MS Sans Serif",Serif;}

a.rot:link { color:#000080;text-decoration: none; font-weight:bold; font-size:1.1em;}
a.rot:visited { color:#000080;text-decoration: none; font-weight:bold; font-size:1.1em;}
a.rot:hover { color:#009900;text-decoration: none; font-weight:bold; font-size:1.1em;}
a.rot:active { color:#000080;text-decoration: none; font-weight:bold; font-size:1.1em;}

a.lit:link { color:#000000;text-decoration: none; }
a.lit:visited { color:#000000;text-decoration: none; }
a.lit:hover { color:#009900;text-decoration: none; }
a.lit:active { color:#000000;text-decoration: none; }

a.nav:link { color:#ffffff;text-decoration: none; }
a.nav:visited { color:#ffffff;text-decoration: none; }
a.nav:hover { color:#ffffff;text-decoration: underline; }
a.nav:active { color:#ffffff;text-decoration: none; }

a.reg:link { color:#000000;text-decoration: none; }
a.reg:visited { color:#000000;text-decoration: none; }
a.reg:hover { color:#009900;text-decoration: none; }
a.reg:active { color:#000000;text-decoration: none; }

a.vav:link {color:#000000;text-decoration: none; }
a.vav:visited {color:#000000;text-decoration: none; }
a.vav:hover{color:#009900;text-decoration: none; }
a.vav:active {color:#000000;text-decoration: none; }
a.vav2{color:#009900;text-decoration: none;}

a.vent:link {color:#000000;text-decoration: none;}
a.vent:visited {color:#000000;text-decoration: none;}
a.vent:hover{color:#009900;text-decoration: none;}
a.vent:active {color:#000000;text-decoration: none;}
a.vent2{color:#007E3A;text-decoration: none;}

a.louv:link {color:#000000;text-decoration: none;}
a.louv:visited {color:#000000;text-decoration: none;}
a.louv:hover{color:#009900;text-decoration: none;}
a.louv:active {color:#000000;text-decoration: none;}
a.louv2{color:#FF00FF;text-decoration: none;}

a.rgd:link {color:#000000;text-decoration: none;}
a.rgd:visited {color:#000000;text-decoration: none;}
a.rgd:hover{color:#009900;text-decoration: none;}
a.rgd:active{color:#000000;text-decoration: none;}
a.rgd2{color:#0047B6;text-decoration:none;}

a.er:link {color:#000000;text-decoration: none;}
a.er:visited {color:#000000;text-decoration: none;}
a.er:hover{color:#009900;text-decoration: none;}
a.er:active {color:#000000;text-decoration: none;}
a.er2{color:#9C1E3D;text-decoration: none;}

a.hum:link {color:#000000;text-decoration: none;}
a.hum:visited {color:#000000;text-decoration: none;}
a.hum:hover{color:#009900;text-decoration: none;}
a.hum:active {color:#000000;text-decoration: none;}
a.hum2{color:#FF6600;text-decoration: none;}

a.any:link {color:#000000;text-decoration: none;}
a.any:visited {color:#000000;text-decoration: none;}
a.any:hover{color:#009900;text-decoration: none;}
a.any:active {color:#000000;text-decoration: none;}
a.any2{color: #003500; text-decoration: none;}

a.all:link {color:#000000;text-decoration: none;}
a.all:visited {color:#000000;text-decoration: none;}
a.all:hover{color:#009900;text-decoration: none;}
a.all:active {color:#000000;text-decoration: none;}

/* All regular images are borderless.  The rest use their product line color */
img { border: 0px; }
img.promo{
	border: 0px;
	width: 155px;
	height: 155px;
}
img.vav {	border: 0px; }
img.vent { border: 0px; }
img.louv { border: 0px; }
img.rgd { border: 0px; }
img.er { border: 0px; }
img.hum { border: 0px; }
img.any { border: 0px; }
.imgBulletDefault{width: 35px;height: 35px;vertical-align: middle; display: inline;}

.indent{padding: 0px 20px;}
/* Rep search's carry class. What line a rep carries */
.carry {vertical-align:top; padding: 0px 0px 0px 0px;}
/* Size if Div around picture of unit page */
.modelpic{float:left;width:192px;}
/* Div properties for box around spec, catalogs, ioms, etc...*/
.spec{float:left;margin-left:25px; }
/* Size of font for spec, catalogs, ioms, etc... */
.model{font-size:1em;}
.mod{font-size:1.1em;}
.rgdh2{ font-size: 1.5em; color:#003500; font-weight:bold; margin:10px 0 10px;}

/* Horizontal bars noshade = {border-width:0; color: #003500; background-color: #003500;}*/
hr.defaultHdrHR{color:#003500; margin-top:0;}
hr.defaultFtrHR{border-width:0; color: #003500; background-color: #003500; height: 10px; }

/* default heading fonts */
h1 { font-size: 2em; font-family: Arial;}
h2 { font-size: 1.3em; font-family: Arial;}
h3 { font-size: 1.1em; font-family: Arial;}
h4 { font-size: 1em; font-family: Arial;}

h1.defaultHdr{font-family: Arial; text-align: center; font-weight: normal; text-transform: uppercase;}
h2.defaultHdr{font-family: Arial; text-align: center; font-weight: normal;}
h3.defaultHdr{font-family: Arial; text-align: center; font-weight: normal;}
h4.defaultHdr{font-family: Arial; text-align: center; font-weight: normal;}

h1.defaultHdrBold{font-family: Arial; text-align: center; font-weight: bold; text-transform: uppercase;}
h2.defaultHdrBold{font-family: Arial; text-align: center; font-weight: bold;}
h3.defaultHdrBold{font-family: Arial; text-align: center; font-weight: bold;}
h4.defaultHdrBold{font-family: Arial; text-align: center; font-weight: bold;}

h1.default{font-family: Arial; font-weight: normal;}
h2.default{font-family: Arial; font-weight: normal;}
h3.default{font-family: Arial; font-weight: normal;}
h4.default{font-family: Arial; font-weight: normal;}

h1.defaultBold{font-family: Arial; font-weight: bold;}
h2.defaultBold{font-family: Arial; font-weight: bold;}
h3.defaultBold{font-family: Arial; font-weight: bold;}
h4.defaultBold{font-family: Arial; font-weight: bold;}

h1.defaultItalic{font-family: Arial; font-weight: normal; font-style:italic;}
h2.defaultItalic{font-family: Arial; font-weight: normal; font-style:italic;}
h3.defaultItalic{font-family: Arial; font-weight: normal; font-style:italic;}
h4.defaultItalic{font-family: Arial; font-weight: normal; font-style:italic;}

h1.defaultItalicBold{font-family: Arial; font-weight: bold; font-style:italic;}
h2.defaultItalicBold{font-family: Arial; font-weight: bold; font-style:italic;}
h3.defaultItalicBold{font-family: Arial; font-weight: bold; font-style:italic;}
h4.defaultItalicBold{font-family: Arial; font-weight: bold; font-style:italic;}

ul.navMenu{list-style-type: none; margin: 0px; padding: 0px; background-color: white}
li.navMenu{display:block; padding: 10px 0px 10px 20px; width: 190px; background-color: white; color: black; }
li.navMenu:hover{background-color: #003500; color: white;}
a.navMenu{font-size: 14pt; color: black; width: 100%; text-decoration: none; margin: 0px; padding: 0px; font-family: Arial; text-align: left; font-weight: normal;}
/*
.navMenuImg{background: url('images/arrow-blk.png') 0px 0px/contain no-repeat; width: 35px; height: 20px; margin: 2px -5px 0px 0px; padding: 0px; float: left;}
li.navMenu:hover > .navMenuImg{background: url('images/arrow-white.png') 0px 0px/contain no-repeat;}
*/

.tdFtrMenu{border: 0px solid;}
.ftrMenu{font-size: 10pt; font-weight: normal; text-decoration: none; color: white;}

tr.dftRow{background-color: white;}
tr.ventRow{background-color: #007E3A;text-align: center;}
tr.humRow{background-color: #FF6600;text-align: center;}
tr.airDRow{background-color: #0047B6;text-align: center;}
tr.termRow{background-color: #009900;text-align: center;}
tr.louvRow{background-color: #FF00FF;text-align: center;}
tr.enerRow{background-color: #9C1E3D;text-align: center;}
td.noTBMargin{margin: 0px 10px 0px 10px; padding: 0px 10px 0px 10px;}

img.bimRowImage{margin: 5px;}
p.bimHeader{text-align: center;font-size: 13pt;font-weight: bold;font-family: Arial;}
p.bimHeaderL{text-align: left;font-size: 13pt;font-weight: bold;font-family: Arial}


/* /////////////////////////////// Styles from classic.css //////////////////////////////////////*/
.select{border: 0px inset buttonface; width: 100px; font: icon; cursor: default}
.selected{border: 0px inset buttonface; background: window; padding: 0; font: icon}
.selectTable{height: 100%; width: 100%; border: 2px inset buttonhighlight; background: buttonface}
.option{font: icon; padding: 1px; padding-left: 3px; padding-right: 3px; width: 100%;}
.dropDown{
	position: absolute;
	visibility: hidden;
	width: 500%;
	overflow: auto;
	white-space: nowrap;
	border: 1px solid windowtext;
	padding: 0;
	background: window;
	color: windowtext
}
.select .button	{width: 16px; height: 5px; font-family: webdings; padding: 0;font-size: 11px; border: 2px outset buttonhighlight;}

.hideUntilClickedController{}
.hideUntilClicked{display:none;}