/* This drops the header and navigation off the display and moves over the body when going to the printer */
@media print{
	.header,.navigation{display:none;}
	.sizer{margin:0 -200px;}
	.wrapper>.sizer{float:left;margin:0 0;}
	.autobody{width:700px;}
}

/* The wrapper and sizer help auto expand in both directions */
.wrapper{padding: 0px 385px 0px 385px;min-height:908px;overflow:hidden;background-image: url('images/background.jpg');
         background-repeat: repeat-y;}
.sizer{width:100%;min-width:100%;}


/* 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:#00CC00;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:#000080;text-decoration: none; }
a.lit:visited { color:#000080;text-decoration: none; }
a.lit:hover { color:#ff3300;text-decoration: none; }
a.lit:active { color:#000080;text-decoration: none; }

a.nav:link { color:#ffffff;text-decoration: none;font-family:"Gill Sans MT",GillSans; }
a.nav:visited { color:#ffffff;text-decoration: none;font-family:"Gill Sans MT",GillSans; }
a.nav:hover { color:#ffffff;text-decoration: underline;font-family:"Gill Sans MT",GillSans; }
a.nav:active { color:#ffffff;text-decoration: none;font-family:"Gill Sans MT",GillSans; }

a.reg:link { color:#000000;text-decoration: none; }
a.reg:visited { color:#000000;text-decoration: none; }
a.reg:hover { color:#000000;text-decoration: underline; }
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:#00AEEF;text-decoration: none;}
a.vav:active {color:#000000;text-decoration: none;}
a.vav2{color:#00AEEF;text-decoration: none;}

a.vent:link {color:#000000;text-decoration: none;}
a.vent:visited {color:#000000;text-decoration: none;}
a.vent:hover{color:#007E3A;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:#FF00FF;text-decoration: none;}
a.louv:active {color:#000000;text-decoration: none;}
a.louv2{color:#FF00FF;text-decoration: none;}

a.fireD:link {color:#000000;text-decoration: none;}
a.fireD:visited {color:#000000;text-decoration: none;}
a.fireD:hover{color:#FF0000;text-decoration: none;}
a.fireD:active {color:#000000;text-decoration: none;}
a.fireD2{color:#FF0000;text-decoration: none;}

a.rgd:link {color:#000000;text-decoration: none;}
a.rgd:visited {color:#000000;text-decoration: none;}
a.rgd:hover{color:#0047B6;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:#9C1E3D;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:#FF6600;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:#003399;text-decoration: none;}
a.any:active {color:#000000;text-decoration: none;}
a.any2{color:#003399;text-decoration: none;}


/* Different common fonts used on website */
p.right{text-align:right;}
p.center{text-align:center;}
p.foot{font-size:.8em}
p.fine{font-size:.7em}
p.path{font-size:.8em;margin-top:0}
p.boxtext{margin-left:10px; margin-top:0; margin-bottom:0}

/* All regular images are bordless.  The rest use their product line color */
img { border: 0px; }
img.vav {	border: 1px solid #00AEEF; }
img.vent { border: 1px solid #007E3A; }
img.louv { border: 1px solid #FF00FF; }
img.rgd { border: 1px solid #0047B6; }
img.er { border: 1px solid #9C1E3D; }
img.hum { border: 1px solid #FF6600; }
img.any { border: 1px solid #003399; }

/* Default tables */
table {width:100%;border-collapse:collapse;}
.carry {vertical-align:top; padding:0 15px 0 0px;}

/* All the major sections of the web pages */
.container {
	position:relative;
	width: 570px;
	min-width: 570px;
	margin: 10px -390px 0px -180px;
}

.autobody {
	position:relative;
	float:left;
	min-width: 560px;	
	margin: 10px -385px 0 -180px;
}

.sizer>.autobody{float:none;}
	
.box {
	border: 2px solid #069500;
	width: auto;
	margin: 20px 8px;
}

.header {
	position:relative;
	margin: 0 -385px 0 -385px;
	min-width: 770px;
	height: 158px;
	max-height: 158px;
	color: #ffffff;
	background-color: #71DF02;
}


.navigation{
	position:relative;
	float:left;
	width:200px;
	min-height:100%;
	margin: 0 0px 0px -385px;
	padding-bottom:0px;
	color: #ffffff;
	background-color: #069500;
}

.navagation{
	position:relative;
	float:left;
	width:200px;
	min-height:100%;
	margin: 0 0px 0px -385px;
	padding-bottom:0px;
	color: #ffffff;
	background-color: #069500;
}

.contHeader {
	text-align: center;
	margin: -20px 10px;
	float: left;
	width: auto;
	padding: 0px 5px;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 20pt;
    COLOR: #55B945;
    BACKGROUND-COLOR: #ffffff;
    border: 0px;
    font-family: Mistral, "Rage Italic", Arial, Serif;
}

.caption { 
	width: 130px; 
	margin: -20px 23px 0px 11px;
	float:left;
}

.modelpic{float:left;width:192px;}
.spec{float:left;margin-left:75px}
.model{font-size:1em;}

/* default heading fonts */
h1 { font-size: 2em; font-family: Helvetica, Arial, Verdana, Serif; text-align:center;}
h2 { font-size: 1.3em; font-family: Helvetica, Arial, Verdana, Serif;}
h3 { font-size: 1.1em; font-style: italic; font-weight:bold; font-family: Helvetica, Arial, Verdana, Serif }
.rgdh2 { font-size: 1.5em; font-family: Helvetica, Arial, Verdana, Serif; color:#0047B6; font-weight:bold; margin:10px 0 10px;}

/* Different colors - mostly product lines */
.state {text-align:center;font-size:1.7em;color:#0000CC;text-decoration:underline;}
.vav {color:#00AEEF;}
.vent {color:#007E3A;}
.louv {color:#FF00FF;}
.fireD {color:#FF0000;}
.rgd {color:#0047B6;}
.er {color:#9C1E3D;}
.hum {color:#FF6600;}
.any {color:#003399;}
.city {color:#FF0000;}
.mod {font-size:1.3em;}