/*
 * Defaults for everything on the entire page
 */
body {
    background-color: white;
}
body,p,blockquote,li,td,th,h1,h2,h3,h4,input,textarea,select,button {
    font-family: Verdana,Arial,sans-serif;
}

body,p,blockquote,li,td,th,input,textarea,select,button {
    font-size: 11px;
}

p,blockquote,li,td {
    line-height: 150%;
}

h1,h2,h3,h4 {
    line-height: 130%;
}

h1 {
    font-size: 110%;
}

h2 {
    font-size: 100%;
}

h3 {
	color: #000000;
    font-size: 10px;
	margin: 0px;
	padding: 0px;
}



img.Right {
    margin-left: 1.5em;
    float: right;
}


/* Default settings for links */
a {
	color: #c74a1b;
    }
a:link, 
a:visited,
a:active {
	color: #c74a1b;
}
a:hover {
	text-decoration: none;
}
#BodyContainer.Cooling #MainContent a,
#BodyContainer.Cooling #MainContent a:hover,
#BodyContainer.AirHandlers #MainContent a,
#BodyContainer.AirHandlers #MainContent a:hover {
	color: #2F688D;
}


a.Image,
a.NoUnderline {
    border-bottom: none;
    border-bottom: 0px;
}
    a.thumb {
        float:              right;
        margin:             0 0 1em 1em;
        text-align:         center;
        text-decoration:    none;
        color:              white;
        border:             1px solid #BBB;
        background-color:   #BBB;
        padding-bottom:     1px;
    }
/* Don't underline links in headlines */
h1 a, h2 a, h3 a, h4 a {
    border-bottom: none;
}

div#PageContainer {
    width: 800px;
}


/*
 * Running Header
 */

div#RunningHeader {
    margin:			0;
    height:			99px;
	background:		#DDD url('/lib/images/bg_header-main.jpg') repeat-x top left;
}

div#RunningHeader div#HeaderCopy {
	font-size:		14px;
	line-height:	19px;
	font-weight:	bold;
/*	padding:		20px 20px 10px 0px; */
	padding:		40px 20px 10px 0px;
	color:			#d9d9d8;
}

/* div#RunningHeader div#HeaderCopy.Home {
	font-size:		17px;
}
*/

div#HeaderLogo {
	float:			left;
	padding:		22px;
}
div#HeaderLogo .Image {
	box-shadow:			2px 5px 20px 5px #000;
	-moz-box-shadow:	2px 5px 20px 5px #000;
	-webkit-box-shadow:	2px 5px 20px 5px #000;
}
div#HeaderBar {
	background:			#DDD url('/lib/images/bg_header-bar-main.jpg') repeat-x top left;
	height:				23px;
	z-index:			50;
}
div#HeaderBarSection {
	display:		none;
	height:			23px;
	color:			#FFF;
	font-size:		14px;
	line-height:	20px;
	margin-left:	220px;
	padding-left:	10px;
}
	div#HeaderBarSection.Cooling,
	div#HeaderBarSection.AirHandlers {
		display:		block;
		background:		#3692a5 url('/lib/images/bg_header-bar-cooling.jpg') repeat-x top left;
	}
	div#HeaderBarSection.Heating {
		display:		block;
		background:		#d55829 url('/lib/images/bg_header-bar-heating.jpg') repeat-x top left;
	}

div#BodyContainer {
	position:	relative;
	z-index:	5;
background:	#d8d3c5;
}

div#ColumnContainer {
/*  position: absolute;
    top: 0px;
    left: 0px;
*/
    float:left;
	padding: 0px;
	margin: 0px;
	width: 220px;
	z-index:	5;
}


/*
 * Product Navigation
 */

div#ProductNav {
    background:#f9f4e6;
    margin: 0 0 7px 0;
    border-bottom: 8px solid #ebe5d6;
}


div#ProductNav  h2 {
	font-size: 15px;
	color: #454034; 
 	padding: 12px 13px;
    background:#ebe5d6;
 	border-bottom: 1px solid #b1aca0;
 	margin-bottom:0;
}

div#ProductNav ul {
	list-style-type: none;
	padding: 0px;
	margin:0;
} 

div#ProductNav ul li {
}

div#ProductNav #ProductList {
    padding: 0;
    margin:0;
    
}
div#ProductNav #ProductList li a,
div#ProductNav #OtherLinks li a
{
	font-size: 1.2em;
	line-height: 36px;
	color: #454034;
	text-decoration: none;
	display:block;
 	border-bottom: 1px solid #b1aca0;
 	padding: 0 0 0 13px;
}
div#ProductNav li.On a, div#ProductNav a.On,
div#ProductNav li a:hover {
    background: white;
}

div#ProductNav #ProductList li a.Heating{color:#d35f23}
div#ProductNav #ProductList li a.Cooling{color:#008ebf}



/*
    color: #c74a1b;
    text-decoration: underline;
}
div#ProductNav a:hover {
    color: #c74a1b;
    text-decoration: underline;
}

div#ProductNav li a.Home {
    text-decoration: underline;
}

div#ProductNav ul ul li {
    margin: 0px 0px 0px 10px;
}
*/
/*
 * Welcome (home)
 */

div#Welcome {
	padding:			25px 25px 57px 13px;
	background-color:	#d8d3c5;
	color:				#454034;
	font-size:			1.20em;
	line-height:		1.5em;
}
	div#Welcome b {
		line-height: 1.6em;
	}

/*
 * Main Content Area
 */

div#MainContentHome {
/*  border-left:    220px solid #d8d3c5;*/
	margin:			0 0 0 220px;
	padding:		0;
	color:			#231f20;
	background: white;
}

div#MainContentHome img {
	margin:			0 0 20px 0;
	padding:		0;
}

div#MainContentHome p {
	margin:			0 0 30px 15px;
	padding:		0;
}

div#MainContent {
	padding-left:	15px;
	padding-top:	15px;
/*  border-left:    220px solid #d8d3c5;*/
    background: white;
	margin:			0 0 0 220px;
	color:			#231f20;
}

div#MainContent h1,h2 {
	color:			#2F688D;
	font-size:		13px;
	margin-top:		0px;
	margin-bottom:	1em;
}
	#BodyContainer.Heating div#MainContent h1,
	#BodyContainer.Heating div#MainContent h2 {
		color: #c74a1b;
	}

div#MainContent h2 {
    margin-top: 10px;
    margin-bottom: 0.5em;
}

div#MainContent div#Product {
/*  float: left;*/
}

img.ProductShot {
    margin: 10px 0px 10px 5px;
}

div#MainContent div#Features {
    clear:both;
}

div#MainContent ul {
    margin: 0px 0px 1em 15px;
    padding-left: 0px;
}

div#MainContent ul li {
    line-height: 160%;
}

div#MainContent p {
    margin-top: 0px;
    margin-bottom: 1em;
    line-height: 160%;
}

div#MainContent div#Product table.Coils {
	margin: 0px 0px 0px 0px;
}

div#MainContent div#Product table.Coils td {
	text-align: center;
	padding: 0px 40px 5px 0px;
}

div#MainContent div#Product table.Coils td.ModelName {
	font-weight: bold;
	text-align: center;
	padding-bottom: 20px;
}

/*
 * Running Footer
 */

div#Footer.Home {
	margin: 10px;
	margin-left: 15px;
}

div#Footer {
	margin-top: 30px;
}
div#Footer p {
	margin-left: 0;
}
div#Footer ul {
	list-style-type: none;
	margin: 10px 0px;
	padding: 0px;
	color: #e6693a;
}

div#Footer ul li {
	display: inline;
}

#BodyContainer #MainContent div#Footer li a {
	color: #4b473e;
	font-size: 11px;
	text-decoration: none;
}

#BodyContainer #MainContent div#Footer li a:link,
#BodyContainer #MainContent div#Footer li a:visited,
#BodyContainer #MainContent div#Footer li a:active {
	color: #4b473e;
}

#BodyContainer #MainContent div#Footer li a:hover,
#BodyContainer #MainContent div#Footer li.On a {
	color: #c74a1b;
} 

div#Footer p.Copyright {
	font-size: 10px;
}

/*
 * Figure & Charts
 */


div#MainContent div.Figure { margin-bottom:20px}
div#MainContent div#RightSidebar {
	position: absolute;
	right:0;
	top:0;
	border-left: 1px solid #2F688D;
	padding: 20px 0 20px 20px;
	margin: 0;
	width: 300px;
}
	div#MainContent div.Figure h2 {
		padding: 0px;
		margin: 0px 0px 1em 0px;
	}
	div#MainContent div.Figure p {
		font-size: 9px;
	}

table.Chart {
    margin:				0 0 5px 0;
    padding:			0;
	border:				none;
	border-spacing:		0;
	border-collapse:	collapse;
}
	table.Chart th {
		vertical-align:	bottom;
		font-size:		10px;
		padding:		0 6px 4px 6px;
		text-align:		center;
		border-bottom:  1px solid #e3a48d;
	}
	table.Chart tr td {
		font-size:		10px;
		padding:		1px 5px;
		text-align:		center;
		border-bottom:  1px solid #e3a48d;
	}
		table.Chart tr.Odd td {
			background-color: #f7e4dd;
		}

	#BodyContainer.Cooling table.Chart tr.Odd td,
	#BodyContainer.AirHandlers table.Chart tr.Odd td {
		background-color: #d9e7ea;
	}
	#BodyContainer.Cooling table.Chart th,
	#BodyContainer.Cooling table.Chart tr td,
	#BodyContainer.AirHandlers table.Chart th,
	#BodyContainer.AirHandlers table.Chart tr td {
		border-bottom:	1px solid #7fadb7;
	}

	table.Chart tr td.model {
		text-align: left;
	}

table.ArtLogoLayout {
	border-bottom: 1px #2F688D solid;
	margin: 12px 0 20px 0;
	padding: 0 0 10px 0;
}

table.ArtLogoLayout tr td {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

table.ArtLogoLayout tr td img {
	margin: 0px 0px 5px 0px;
}

table.ArtLogoLayout tr td.Instructions {
	font-size: 10px;
	border: 1px solid #000;
	padding: 2px 5px;
	margin: 10px 0px 0px 0px;
}

/*
 *  Addtional Information
 */

	div#AdditionalInfo {
/*      float: right;*/
/*      border-left: 1px solid #2F688D;*/
/*      padding: 0px 0px 0px 20px;*/
/*      margin: 0px 0px 10px 0px;*/
/*      width: 285px;*/
	}
		div#AdditionalInfo  h2 {
			padding: 0px;
			margin: 0px 0px 1em 0px;
		}
		div#AdditionalInfo ul {
			list-style-type: none;
			margin: 0px 0px 10px 0px;
			padding: 0px;
		}
			div#AdditionalInfo ul li {
				margin-bottom: 0.2em;
			}
		div#AdditionalInfo p {
			font-size: .8em;
		}
		div#AdditionalInfo a {
			color: #c74a1b;
		}
			div#AdditionalInfo a.PDF {
				background: url(/lib/images/pdf.gif) no-repeat top left;
				padding: 3px 0px 2px 20px;
			}
			div#AdditionalInfo a:hover {
				color: #c74a1b;
				text-decoration: underline;
			}
			#BodyContainer.Cooling div#AdditionalInfo a,
			#BodyContainer.Cooling div#AdditionalInfo a:hover,
			#BodyContainer.AirHandlers div#AdditionalInfo a,
			#BodyContainer.AirHandlers div#AdditionalInfo a:hover {
				color: #2F688D;
			}

div#MainContent div.Row {
	margin: 20px 0px 0px 0px;
	border-bottom: 1px #2F688D solid;
}

div#MainContent div.Row div.ArtLogoContainer {
	float: left;
	margin: 0px 100px 0px 0px;
	padding: 0px;
}

div#MainContent div.Row div.ArtLogoContainer img {
	display: block;
}

div#MainContent div.Row div.ArtLogoContainer ul {
	list-style-type: none;
	margin: 5px 0px;
	padding-left: 0px;
}

div#MainContent div.Row div.ArtLogoContainer ul li {
	margin: 0px;
	padding: 0px;
}

div#MainContent div.Row div.ArtLogoContainer ul li a {
	margin: 0px;
	padding: 0px;
}

div#MainContent div.Row p.Instructions {
	clear: both;
/*  width: 500px;*/
	border: 1px solid #000;
}

div#FAQs h3 {
	margin: 30px 0 12px 0;
}
div#FAQs p {
	margin-bottom: 3px;
}
div.Answer {
    display:        none;
    margin-bottom:  12px;
}
div.Answer ul li {
    margin-left: 2em ;
}
div.Answer.Visible {
	display: block;
	margin-bottom: 2em;
}

body.Popup div#PageContainer {
    width: 100%;
}

body.Popup div#BodyContainer {
    padding:20px;
}
body.Popup div#MainContent {
/*  border:         0;*/
    margin:0 auto;
    width:170px;
    padding: 15px;
}