/* SECTION 1 - general properties, site wide */
body {
	background-color:#FFFFFF;
	text-align:center;
	margin:0px;
	padding:0px;
}
h1 {
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}
p,div,td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	}
a {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none;
	color:#336699;
	font-size:12px;
}
a:link {
	color: #336699;
}

	
	
/* SECTION 2 - MENU */
#topmenu {
	width:766px;
	margin:auto;
	font-family:Arial, Helvetica, sans-serif;
	height:32px;
	background-color: #FFFFFF;
}
#topmenu div {
	display:inline;
	font-size:16px;
	margin-right:14px;
	}

#topslogan {
	margin:14px auto 40px auto;
	border:0px;
	padding:0px;
}
.topmenuitem {color:#666666;}
.topmenuitem:hover {color:#cc3333;}
.topmenuitem a {
	color:#000000;
	font-weight:bold;
	}
.topmenuitem a:hover {
	color:#666666;
	}
.menucurrent {color:#cc3333;}
.menucurrent a {
	color:#666666;
	font-weight:bold;
	}


/* SECTION 3 - Home-page specific */
#mainarea {
	overflow:hidden;
	margin:auto;
	width:766px;
}
#topbar {
	background-color:#cc3333;
	border-bottom:1px #FFFFFF solid;
	text-align:center;
	}
#graybars {
	background-image:url(images/graybars.gif);
	overflow:hidden;
	padding-top:25px;
	}
#hvac {
	float:left;
	width:377px;
	border: 1px white solid;
	margin-right:4px;
}
#hvac div {
	float:left;
	text-align:left;
}
#hvac .choicetext a {
	font-size:14px;	
}
#homeworkplace {
	float:left;
	width:377px;
	border: 1px white solid;
}
#homeworkplace div {
	float:right;
	text-align:right;
}
#hvacimg {
	border:0px;
}
#homeworkplaceimg {
	border:0px;
	float:right;
}
#lefttrim {
	float:left;
}
#righttrim {
	float:right;
}
.choicetext {
	padding:0px;
	background-color:#000000;
	border:0px;
}
#clicks {
	margin:auto;
	width:726px;
	clear:both;
	overflow:hidden;
	height:25px;
}
.clicktext {
	width:319px;
	background-color:#000000;
	background-image:url(images/clickbg.gif);
	padding:6px 20px;
	float:left;
}
.clicktext a {color:white;}
#logobar {
	background-color:black;
	background-image:url(images/whitespace.gif);
	background-repeat:repeat-x;
	height:150px;
	padding-left:26px;
	}
#frontlogo {
	margin-right:0px;
	margin-left:-1px; 
	margin-bottom:32px;
	display:block;
	float:left;
	}	
#homesearch {
	float:left;
	width:230px;
	text-align:left;
	font-size:13px;
	margin:13px 7px;
}
#bottomtrim {
	margin:auto;
	display:block;
}
#footer {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin:5px auto;
	}

/* SECTION 4 - Sub-page specific */

#subslogan {
	margin:auto;
	border:0px;
	padding:0px;
}
#subgraybars {
	background-image:url(images/graybars.gif);
	overflow:hidden;
	}
#stopbar {
	background-color:#cc3333;
	border-bottom:1px #FFFFFF solid;
	text-align:center;
	}
#mainareasub {
	overflow:hidden;
	margin:0px auto;
	width:764px;
	background-color:white;
	clear:both;
	border:1px white solid;
	text-align:left;
}
#lowerpage {
	overflow:hidden;
	width:761px;
	clear:both;
	margin-top:0px;
	background-color:none;
	background-repeat:repeat-x;
	height:160px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#slogobar {
	background-color:black;
	background-image:url(images/graybarsbottom.gif);
	background-repeat:repeat-x;
	height:175px;
	}
#sublogo {
	float:left;
	}
#subimage {
	float:left;
}
#textcontent {
	padding:10px;
	float:right;
	width:435px;
	height: 221px;
	overflow:auto;
}
#textcontent a {
	color:#336699;
	text-decoration:none;
	}
#textcontent a:hover {text-decoration:underline;}
#textcontentextend {
	padding:10px;
	float:right;
	width:435px;
}
#textcontentextend a {
	color:#336699;
	text-decoration:none;
	}
#textcontentextend a:hover {text-decoration:underline;}
#textcontentextendlong {
	float:right;
	width:764px;
}
#textcontentextendlong a {
	color:#336699;
	text-decoration:none;
	}
#textcontentextendlong a:hover {text-decoration:underline;}
#bottomright {
	float:right;
	border:0px;
}
.prodlist {margin-left:16px;padding-left:16px;margin-top:0px;padding-top:0px}
#sfooter {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin:5px auto;
	}

#hvaclogo {
	text-align: center;
	width: 179px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #336699;
	float: left;
}
#hvaclogo a {
	text-align: center;
	width: 179px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #336699;
}
#ContractorLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336699;
	text-decoration: none;
	padding: 5px;
}
#ContractorLink a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336699;
	text-decoration: none;
}
#ContractorLink a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336699;
	text-decoration: underline;
}
#epic {
	float: left;
	margin-left: 10px;
	margin-top: 5px;
}p {
	line-height: 13px;
}
.left {
	float: left;
}
h2 {
	font-family: Impact, Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #CE0A2D;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	line-height: 29px;
}
.PromoPanel1 {
	width: 200px;
	float: left;
	margin-right: 8px;
	margin-bottom: 20px;
}
.PromoPanel2 {
	width: 200px;
	float: left;
	margin-bottom: 20px;
	margin-left: 10px;
}
.indent {
	margin-left: 20px;
}
.gray {
	color: #666666;
}
.indent a {
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336699;
	text-decoration: none;
}
#left {
	background-color: #EEEEEE;
	width: 246px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
	margin-top: 20px;
	overflow: hidden;
	border-left-width: 19px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
.redHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #CE0A2D;
	text-decoration: none;
}
h4 {
	font-family: Impact, Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #CE0A2D;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	line-height: 24px;
	text-transform: none;
}


/* Catalog Pages */


#subgraybars-1 {
	background-image:url(/images/graybars.gif);
	overflow: hidden;
}
#textcontentextend-1 {
	padding:10px;
	float:right;
	width:730px;
}
.topslogan {
	font-family: Impact;
	color: #FFFFFF;
	font-size: 24px;
	letter-spacing: 0.01em;
}
#catalog {
	position: absolute;
	z-index: 112;
	height: 175px;
	width: 187px;
	margin-top: -60px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 575px;
	padding: 0px;
}
.btn_lft {float: left;height: 21px;width: 4px;}
.btn_cntr_gry a {font-weight: normal;color: #000000;text-decoration: none; font-size:9px;}
.btn_cntr_gry a:hover {font-weight: normal;color: #FFFFFF;text-decoration: underline; background-color:transparent;}
.btn_cntr_gry a:visited {font-weight: normal;color: #333333;text-decoration: none; font-size:9px;}
.btn_cntr_gry {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	background-image: url(/parts/images/btn_gry2_04.gif);
	background-repeat: repeat-x;
	height: 18px;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 5px;
}
.btn_container {overflow: hidden;height: 21px; font-size:10px;}
.btn_cntr2 {float: left;font-family: Arial, Helvetica, sans-serif;font-size: 9px;font-weight: normal;color: #FFFFFF;text-decoration: none;text-transform: uppercase;background-image: url(/manage/images/btn_grn2_04.gif);background-repeat: repeat-x;height: 17px;padding-top: 4px;padding-right: 5px;padding-left: 5px;width: 111px;}
.btn_cntr2 a {font-weight: normal;color: #FFFFFF;text-decoration: none;}
.btn_cntr2 a:hover {font-weight: normal;color: #FFFFFF;text-decoration: underline;}
.btn_container {
	overflow: hidden;
	height: 21px;
	float: right;
}

.btn_container_rt {
	overflow: hidden;
	height: 21px;
	float: right;
}
.btn_rt {float: left;height: 21px;width: 21px;}
.level1Cat {
	float: left;
	padding-right: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;

}

#level1Cat a:hover{
	color: #CC3333;
}
#level1Cat a:visited {
	color: #CC3333;
	text-decoration: underline;
}
hr {
	padding-top: 5px;
	padding-bottom: 10px;
	margin: 0px;
	height: 1px;
	padding-right: 0px;
	padding-left: 0px;
}

/* End Catalog Pages */
.thumbnail2 {
	position: relative;
	float: left;/*z-index: 0;*/
}

.thumbnail2:hover {
	background-color: #FFF;
	/*z-index: 50;*/
color: #335500;
	text-decoration: none;
	z-index: 9;
}

.thumbnail2 span { /*CSS for enlarged image*/
	position: absolute;
	background-color: #FFF;
	/*left: -1000px;*/
border: 1px solid #000;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail2 span img { /*CSS for enlarged image*/
border-width: 0;
/*padding: 2px;*/
}

.thumbnail2:hover span { /*CSS for enlarged image on hover*/
	visibility: visible;
	width: 208px;
	top: 5px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
	left: 300px;/*position where enlarged image should offset horizontally */
	width:756px;
	height:237px;
	z-index: 999;
}

a.thumbnail2 img { text-decoration:none; z-index: 50; }

/*if same attribute for all 4 states, then declare here in
a.thumbnail2*/ 

/*a.thumbnail2 img:link { border: 2px solid #FFF; background: transparent; }

a.thumbnail2 img:visited { border: 2px solid #FFF; background : transparent; }

a.thumbnail2 img:hover { border: 2px solid #000; background : transparent; }

a.thumbnail2 img:active { border: 2px solid #FFF; background : transparent; }*/

/*a.thumbnail2 img { border: 2px solid #FFF; }*/
.entryImg { float: left; border-style: none; }
.popupImg { float: left; border-style: none; }
/*#topBoxBar { clear: both; height: 61px; width: 764px; background: #d8292e; margin-top: 10px; }
#topBoxBar p { margin: 0px; padding: 14px 0px 0px 130px; font: 30px Impact, Arial, Helvetica, sans-serif; color: #FFF; float: left; }
#topBoxBar img{ float: left; }*/
#topBox { width: 681px; clear: both; float: left; margin: 0 0 25px 42px; }
.topBox { width: 681px; clear: both; float: left; margin: 0 0 25px 42px; }
.p1top { left: -39px !important; top: -239px !important; }
.p2top { left: -275px !important; top: -239px !important; }
.p3top { left: -511px !important; top: -239px !important; }
/*#bottomBoxBar { clear: both; height: 61px; width: 764px; background: #000; }
#bottomBoxBar p { margin: 0px; font: 28px Impact, Arial, Helvetica, sans-serif; color: #FFF; float: left; padding: 6px 0px 0px 18px !important; }
#bottomBox { border-right: 5px solid #000; border-left: 5px solid #000; width: 754px; clear: both; border-bottom: 5px solid #000; float: left; margin-bottom: 25px; }*/

#moreOffers { clear: both; padding: 150px 0; display: block; }
#moreOffers p { color: #ce0a2e; text-transform: uppercase; font-family: Impact, Arial, Helvetica, sans-serif; font-size: 28px; }
.floatFix { clear: both; height: 0; display: block; float: none; line-height: 0; }
