/* ************************************************************** */
/* HELPERS AND BASE RULES */
/* ************************************************************** */
FORM, DIV {
	text-align: left;
	}
FORM, DIV, SPAN {
	margin: 0;
	padding: 0;
	background: transparent none;
	}
TABLE, TR, TD {
	margin: 0;
	padding: 0;
	}
FORM FIELDSET {
	padding: 0;
	margin: 0;
	border: 0 none #ffffff;
	}
IMG {
	border: 0 none #ffffff;
	}
.breaker {
	position: relative;
	line-height: 0%;
	font-size: 0;
	clear: both;
	}
.access {
	line-height: 0%;
	font-size: 0;
	display: none;
	}
.SkipNavigation {
	position: absolute;
	left: -1000em;
	width: 20em;
	}
.errMes {
	font-weight: bold !important;
	color: #ed1c24 !important;
	}
.red {
	font-weight: bold !important;
	color: #ed1c24 !important;
	}

/* ************************************************************** */

IMG.alignR {
	float: right;
	clear: right;
	position: relative;
	padding: 0 0 6px 10px;
	}
IMG.alignL {
	float: left;
	clear: right;
	position: relative;
	padding: 0 10px 6px 0;
	}
IMG.alignC {
	padding: 0 10px 6px 10px;
	}

/* ************************************************************** */

HTML {
	height: 100%;
	}
BODY {
	font-family: Verdana, Helvetica, sans-serif;
	margin: 0 0 12px 0;
	height: 100%;
	background: #e9e9e7 none;
	}
	
.contWrap {
	width: 644px;
	margin-right: auto;
	margin-left: auto;
	background: transparent none;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 644px;
	}
html>body .contWrap {
	width: 644px;
	}


P {
	font-size: 0.7em;
	line-height: 1.45em;
	text-decoration: none;
	color: #575757;
	margin: 0 0 1em 0;
	padding: 0;
	}


/* FLASH */
#flashcontent P {
	margin: 1em 12px 1em 12px;
	}
#flashcontent A {
	color: #ed1c24;
	font-weight: bold;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px solid #ed1c24;
	}
#flashcontent A:hover, #flashcontent A:active {
	color: #ed1c24;
	font-weight: bold;
	text-decoration: none;
	}
	
	
/* HEADER DIV */
#mainNavBar {
	background: transparent url(../images/home_nav_page_bg.gif) 0 0 repeat-x;
	}
DIV#hd {
	width: 644px;
	height:79px;
	padding: 0;
	margin: 25px 0 0 0;
	background: transparent url(../images/joil_header_bg.jpg) 0 0 no-repeat;
	text-align: left;
	}
DIV#logo {
	float: left;
	width: 557px;
	}
DIV#callBack {
	float: left;
	width: 87px;
	}
DIV#hd H1 {
	margin: 0;
	padding: 31px 275px 25px 26px;
	font-size: 1em;
	line-height: 1em;
	}
#mainNav {
	background: transparent url(../images/nav_bg.gif) 0 0 no-repeat;
	}


/* HOME CONTENT */
.boxBGL {
	background: transparent url(../images/poofleft7.gif) 0 0 repeat-y;
	}
.boxBGR {
	background: transparent url(../images/poofright.gif) 0 0 repeat-y;
	}
.homeBox {
	margin: 0;
	padding: 5px;
	text-align: left;
	background: transparent url(../images/bgtile.gif) 0 0 repeat-x;
	}
.homeBox A {
	font-weight: bold;
	text-decoration: none;
	color: #575757;
	padding-bottom: 1px;
	border-bottom: 1px solid #ffffff;
	}
.homeBox A:hover, .homeBox A:active {
	color: #ed1c24;
	border-bottom: 1px solid #ed1c24;
	}
P.homeLink {
	text-align: right;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	}
P.homeLink A {
	text-decoration: none;
	color: #ed1c24;
	background: transparent url(../images/linkArrow.gif) 0 50% no-repeat;
	padding-left: 12px;
	padding-bottom: 0 !important;
	border-bottom: 0 none #ffffff !important;
	}


/* MAIN CONTENT */
#mainContent {
	width: 451px !important;
	margin: 0;
	padding: 0;
	}
#mainContentFull {
	width: 644px !important;
	margin: 0;
	padding: 0;
	}
DIV.homeAltBox {
	margin: 4px 0 0 0;
	padding: 9px 0 0 0;
	text-align: left;
	background: transparent url(../images/home_promo_bg.gif) 0 0 no-repeat;
	}
DIV.homeBoxTtl {
	background: transparent url(../images/home_ttl_bg.gif) 0 0 no-repeat;
	border-bottom: 4px;
	margin: 0;
	padding: 7px 24px 6px 24px;
	}

DIV.homeBoxTtl H3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1em;
	color: #575757;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	}
DIV.homeBoxTtl H3 A {
	color: #575757;
	border-bottom: 0 none #ffffff;
	padding-bottom: 0;
	}
DIV.homeBoxTtl H3 A:hover, DIV.homeBoxTtl H3 A:active {
	color: #575757;
	border-bottom: 0 none #ffffff;
	padding-bottom: 0;
	}

DIV.fullPageTtl {
	background: transparent url(../images/full_ttl_bg.gif) 0 0 no-repeat;
	border-bottom: 4px;
	margin: 0;
	padding: 11px 24px 10px 24px;
	}
DIV.fullPageTtl H3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1em;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	}

/* HEADERS */
#mainContent H2, #mainContentFull H2 {
	margin: 0 0 5px 0;
	padding: 0;
	}
#mainContent H3.subTitle, #mainContentFull H3.subTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1em;
	color: #f09901;
	text-decoration: none;
	font-weight: bold;
	background: transparent url(../images/heating_titlearrow.gif) 0 49% no-repeat;
	margin: 5px 0 8px 0;
	padding: 0 12px 0 30px;
	text-transform: uppercase;
	}
#mainContent DIV.subTitleTxt, #mainContentFull DIV.subTitleTxt {
	margin: 0;
	padding: 1em 0 0 0;
	background: transparent url(../images/titledash.gif) 0 0 repeat-x;
	}

#secTitle {
	text-transform: uppercase;
	margin: 0 0 0.75em 0;
	padding: 9px 24px 8px 24px;
	background: transparent url(../images/about_titlebg.gif) 0 0 no-repeat;
	}
.whitetitle {
	font-size: 0.85em;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	}

	
/* PARAS */
#mainContent P, #mainContentFull P, .mainContent P {
	margin: 0.75em 12px 0.75em 12px;
	}
#mainContent P.pdfDld, #mainContentFull P.pdfDld, .mainContent P.pdfDld {
	padding-left: 21px;
	background: transparent url(../images/pdf.gif) 0 50% no-repeat;
	}
.homeAltBox P {
	margin: 0 12px 0.75em 12px;
	}

/* LINK */
#mainContent A, .mainContent A, #mainContentFull A {
	font-weight: bold;
	text-decoration: none;
	color: #575757;
	padding-bottom: 1px;
	border-bottom: 1px solid #ed1c24;
	}
#mainContent A:hover, #mainContent A:active, .mainContent A:hover, .mainContent A:active, #mainContentFull A:hover, #mainContentFull A:active {
	color: #ed1c24;
	}
/* LINK */


/* TWO ROW COL */
DIV.twoRow {
	width: 451px;
	margin: 0;
	padding: 0;
	}
DIV.twoColL {
	float: left;
	width: 127px;
	margin: 0;
	padding: 0;
}
DIV.twoColR {
	float: left;
	width: 324px;
	margin: 0;
	padding: 0;
}
DIV.twoColL IMG {
	border-left: 12px solid #ffffff;
	}
#mainContent P.weeArrow, #mainContentFull P.weeArrow {
	background: transparent url(../images/weearrow.gif) 0 3px no-repeat;
	padding-left: 10px;
	}
#mainContent DIV.twoColR P, #mainContentFull DIV.twoColR P {
	margin: 0 12px 0.75em 12px;
	}


/* SUB NAV */
#subNavBG {
	background: transparent url(../images/subNav_bg.gif) 0 0 no-repeat;
	}
#subNav {
	padding: 3px 24px 0 23px;
	}
#subNav H3 {
	width: 140px;
	margin: 0 0 1px 0;
	padding: 0;
	}

#subNav UL {
	text-transform: uppercase;
	display: block;
	font-size: 0.65em;
	margin: 0;
	padding: 0;
	list-style: none;
	}
#subNav LI {
	display: block;
	font-size: 1em;
	padding: 5px 5px 7px 13px;
	margin: 0;
	background: transparent url(../images/subMenu_dash.gif) 0 100% no-repeat;
	}
#subNav LI A {
	display: block;
	font-size: 1em;
	line-height: 1.45em;
	color: #575757;
	text-decoration: none;
	}
#subNav LI A:hover, #subNav LI A:active {
	color: #ed1c24;
	}

#subNav LI.subActive {
	display: block;
	padding: 5px 3px 7px 3px;
	background: transparent url(../images/subMenu_dash.gif) 0 100% no-repeat;
	}
#subNav LI.subActive A {
	display: block;
	font-weight: bold;
	color: #ed1c24;
	padding-left: 12px;
	background: transparent url(../images/subMenu_arrow.gif) 0 5px no-repeat;
	}
#subNav LI.subActive A:hover, #subNav LI.subActive A:active {
	color: #ed1c24;
	}

UL#subSubNav {
	display: block;
	font-size: 1em;
	margin: 0;
	padding: 0;
	list-style: none;
	background: transparent url(../images/subMenu_dash.gif) 0 100% no-repeat;
	}
UL#subSubNav LI {
	display: block;
	font-size: 1em;
	padding: 3px 0 3px 13px;
	margin: 0;
	background: transparent none;
	}
UL#subSubNav LI A {
	display: block;
	font-weight: normal;
	color: #575757;
	font-size: 1em;
	line-height: 1.45em;
	text-decoration: none;
	background: transparent none;
	margin: 0;
	padding: 0;
	}
UL#subSubNav LI A:hover, UL#subSubNav LI A:active {
	color: #ed1c24;
	}
	
UL#subSubNav LI.subsubActive {
	display: block;
	padding: 3px 0 3px 13px;
	}
UL#subSubNav LI.subsubActive A {
	display: block;
	font-weight: bold;
	color: #ed1c24;
	padding-left: 12px;
	background: transparent url(../images/subMenu_arrow_com_act.gif) 0 5px no-repeat;
	}
UL#subSubNav LI.subsubActive A:hover, L#subSubNav LI.subsubActive A:active {
	color: #ed1c24;
	}
	

/* FORM CONTENT */
FORM#contactFrm, FORM#callbackFrm, FORM#placeorderFrm {
	width: 644px;
	}
FORM FIELDSET {
	margin: 11px 11px 11px 11px;
	padding: 12px 65px 12px 75px;
	border: 1px solid #d3d4ce;
	background: transparent url(../images/form_bg.gif) 0 0 no-repeat;
	}
FORM LABEL {
	font-size: 1em;
	line-height: 1.45em;
	color: #ed1c24;
	}
FORM LABEL SPAN {
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
	}

FORM DIV.frmRowL {
	font-size: 0.7em;
	line-height: 1.45em;
	color: #ed1c24;
	margin: 0;
	padding: 0;
	}
FORM DIV.frmRowR {
	text-align: right;
	font-size: 0.7em;
	line-height: 1.45em;
	color: #ed1c24;
	margin: 0 15px 0 0;
	padding: 0;
	}
FORM DIV.frmLeft {
	float: left;
	width: 245px;
	font-size: 0.7em;
	line-height: 1.45em;
	color: #ed1c24;
	}
FORM DIV.frmRight {
	float: left;
	width: 235px;
	font-size: 0.7em;
	line-height: 1.45em;
	color: #ed1c24;
	}

FORM INPUT.frmButEle {
	color: #f5e600;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.45em;
	font-weight: bold;
	border: 1px solid #e20a16;
	background: #e20a16 none;
	padding: 0;
	margin: 0;
	cursor: pointer;
	}
FORM INPUT.stdFrmEle {
	color: #111111;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1em;
	width: 220px;
	background: #e8e9e5 none;
	border: 1px solid #e8e9e5;
	margin: 0;
	padding: 0;
	}
FORM INPUT.smFrmEle {
	color: #111111;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1em;
	width: 100px;
	background: #e8e9e5 none;
	border: 1px solid #e8e9e5;
	margin: 0;
	padding: 0;
	}
FORM INPUT.xsmFrmEle {
	color: #111111;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1em;
	width: 50px;
	background: #e8e9e5 none;
	border: 1px solid #e8e9e5;
	margin: 0;
	padding: 0;
	}
FORM TEXTAREA.stdFrmEle {
	color: #111111;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1em;
	width: 250px;
	background: #e8e9e5 none;
	border: 1px solid #e8e9e5;
	margin: 0;
	padding: 0;
	}
FORM TEXTAREA.lrgFrmEle {
	color: #111111;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1em;
	width: 465px;
	background: #e8e9e5 none;
	border: 1px solid #e8e9e5;
	margin: 0;
	padding: 0;
	}
FORM .selFrmEle {
	color: #111111;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1em;
	background: #e8e9e5 none;
	border: 1px solid #e8e9e5;
	margin: 0;
	padding: 0;
	}
FORM P {
	margin-left: 0 !important;
	margin-right: 0 !important;
	}
	
/* FOOTER */
#ftNav {
	background: #ed1c24 none;
	text-decoration: none;
	border-bottom: 4px solid #ed1c24;
	border-top: 2px solid #ed1c24;
	}
#ftNav P {
	text-align: right;
	font-size: 0.65em;
	line-height: 1.45em;
	color: #ffffff;
	margin: 0;
	padding: 0;
	}
#ftNav A {
	text-decoration: none;
	color: #ffffff;
	padding-bottom: 1px;
	border-bottom: 1px solid #ed1c24;
	}
#ftNav A:hover, DIV#ftNav A:active {
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
	}
	
#ft {
	text-align: center;
	padding-top: 5px;
	}
#ft P {
	font-size: 0.65em;
	}
#ft A {
	text-decoration: none;
	color: #575757;
	padding-bottom: 1px;
	border-bottom: 1px solid #ed1c24;
	}
#ft A:hover, #ft A:active {
	color: #ed1c24;
	}

/* MISC */

IMG.homePromo {
	border-top: 4px solid #ffffff;
	}

.alignR {
	text-align: right;
	margin-right: 15px;
	}