/* Main document section */

html,
body
{
	margin:0;
	padding:0;
	background-color:#ececec;
	font-family:Arial;
	font-size:12px;
	height:100%;
}

.widthSpacer
{
	position:relative;
	display:none;
}

input.submit
{
	/*background:url(/images/grey_fade_reverse.png) 0% 50% repeat-x #bbb;*/
	background:url(/images/background_button.gif) 0 0 repeat-x;
	color:#fff;
	border:1px ridge #878569;
	font-size:8pt;
}

body img
{
	border:0;
}

#titleHeader
{
	padding:0;
	margin:10px 0 25px 0;
	font-size:1.7em;
	font-weight:bold;
	color:#666;
	border-bottom:1px solid #666;
	letter-spacing:1px;
	font-family:'Arial Black';
	/*text-align:right;*/
}

div#containernew
{
	width:100%;
	position:relative;
	margin:0 auto;
	border-top:1px solid transparent;	/* Random transparent border-top to get header to the top in ff */
}

div#tabContent
{
	clear:both;
	border:1px solid #ccc;
	padding:1px;
	height:1%;
	overflow:hidden;
}

div#tabContent table
{
	width:100%;
	border-collapse:collapse;
	/*border:1px solid #ccc;*/
}

div#tabContent table img
{
	float:right;
	vertical-align:bottom;
}

div#tabContent th
{
	text-align:center;
	background:url(/images/content_background_reverse.png) 0% 100% repeat-x #fff;
	font-family:arial;
	font-weight:bold;
	color:#a00;
	padding:6px;
}

div#tabContent td
{
	padding:5px;
	
}

div#tabContent tr > td:first-child,
th:first-child
{
	/*width:50%;
	border-right:1px solid #bbb;*/
}

#tabContent .oddRow
{
	background-color:#fff;
}

#tabContent .evenRow
{
	background-color:#f4f4f4;
}

#tabContent span
{
	float:right;
	font-size:.90em;
}


/* Header section */

div#blacktop
{
	width:100%;
	min-width:780px;
	width:expression(document.body.clientWidth < 800 ? "780px" : "100%");
	height:24px;
	background-color:#333333;
	position:absolute;	/* Force header to the top of the page */
	top:0;
}

div#headerContainer
{
	position:absolute;
	top:24px;
	min-width:780px;
	width:expression(document.body.clientWidth < 800 ? "780px" : "100%");
	width:100%;
	background-color:#c0c0c0;
}

div#headerContainer #headernew
{
	min-width:760px;
	max-width:1024px;
	width:expression(document.body.clientWidth < 800 ? "760px" : "80%");
	width:80%;
	height:121px;
	background:url(/images/background.jpg) no-repeat center;
	margin:0 auto;
	border-bottom:1px solid #fff;
}

div#headernew #headerContent
{
	font-weight:bold;
	font-size:1.1em;
	width:100%;
	position:relative;
}

div#headernew #headerContent #mtncomnew
{
	position:absolute;
	right:0px;
	top:16px;
}

div#headernew #logonew
{
	position:absolute;
	left:0px;
	top:14px;
}

div#headernew #headerContent #location
{
	position:absolute;
	right:140px;
	top:30px;
	text-align:right;
	width:250px;
	font-family:verdana;
	font-weight:normal;
	font-size:.85em;
	color:#000;
	font-weight:bold;
}

div#headernew #headerContent #location div
{
	float:left;
}

div#headernew #headerContent #location div.branch
{
	text-align:right;
	width:54%;
	padding-right:10px;
}


/* Tabs section */

div#backgroundTabs
{
	position:absolute;
	top:145px;
	width:100%;
	min-width:780px;
	width:expression(document.body.clientWidth < 800 ? "780px" : "100%");
	background:url(/images/red_blue_tab.png) repeat-x #fff;
	height:39px;
}

div#tabButtonsContainer
{
	width:80%;
	margin:0 auto;
	min-width:760px;
	max-width:1024px;
	width:expression(document.body.clientWidth < 800 ? "760px" : "80%");
	color:#fff;
	position:relative;
}

#tabButtonsContainer #searchMain
{
	position:absolute;
	left:0px;
	top:10px;
}

#tabButtonsContainer #searchMain img
{
	background-color:#fff;
	position:absolute;
	top:4px;
	left:3px;
}

#tabButtonsContainer #searchMain #query
{
	width:170px;
	height:14px;
	font-size:8pt;
	color:#777;
	padding-left:17px;
	vertical-align:middle;
}

#tabButtonsContainer #searchMain #searchSiteButton
{
	font-size:8pt;
	vertical-align:middle;
	width:75px;
	background:url(/images/light.png) 0 0 repeat-x #eee;
}

div#tabButtonsContainer a
{
	text-decoration:none;
	color:#fff;
}

div#tabButtonsContainer #cartnew
{
	position:absolute;
	top:12px;
	right:275px;
	font-weight:bold;
	text-align:right;
	margin-right:25px;
}

div#tabButtonsContainer #cartnew span
{
	font-size:.95em;
	margin-left:5px;
	letter-spacing:1px;
}

div#tabButtonsContainer #cartnew a
{
	text-decoration:none;
	border:0;
}

div#tabButtonsContainer #cartnew img
{
	vertical-align:middle;
}

div#tabsContainer
{
	position:absolute;
	right:0px;
}

div#tabsContainer ul#tabs
{
	margin:0;
	padding:0;
}

div#tabsContainer #tabs li
{
	float:right;
	height:39px;
	list-style:none;
	border-left:1px solid #878569;
	border-right:1px solid #434234;
	width:80px;
	position:relative;
	background:url(/images/grey_fade_reverse.png) repeat-x #bbb;
}

div#tabsContainer #tabs li a
{
	font-weight:bold;
	position:absolute;
	text-align:center;
	width:100%;
	height:27px;
	padding-top:12px;
}

#tabsG
{
	width:100%;
	line-height:normal;
}

#tabsG ul
{
	margin:0;
	padding:0px 10px 0 0;
	list-style:none;
}

#tabsG li
{
	display:inline;
	margin:0;
	padding:0;
}

#tabsG a
{
	float:left;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}

#tabsG a span
{
	float:left;
	display:block;
	padding:5px 12px 4px 6px;
	color:#000;
	font-weight:bold;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsG a span { float:none; }
/* End IE5-Mac hack */

/*
#tabsG a:hover
{
	background:url(/members/images/noHoverLeft.png) no-repeat left top;
}

#tabsG a:hover span
{
	background:url(/members/images/noHoverRight.png) no-repeat right top;
}
*/

a.normallink
{
	position:relative;
	top:-1px;
	background:url(/members/images/hoverLeft.png) no-repeat left top #6ba4d7;
}

span.normallink
{
	position:relative;
	top:0px;
	background:url(/members/images/hoverRight.png) no-repeat right top #6ba4d7;
}

a.activelink
{
	position:relative;
	top:0px;
	background:url(/members/images/noHoverLeft.png) no-repeat left top;
}

span.activelink
{
	position:relative;
	top:0px;
	background:url(/members/images/noHoverRight.png) no-repeat right top;
}

div#menu
{
	width:100%;
	height:30px;
	background:#ee0000;
	margin-bottom:15px;
}

div#menuContainer
{
	padding:5px 20px 0 10px;
}


/* Main content section */

div#productSection
{
	/*padding:20px 0;*/
}

div#documentsSection
{
	padding:20px;
}

div#contentContainer
{
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	background:url(/images/content_background.png) repeat-x #fff;
	min-width:760px;
	max-width:1024px;
	width:expression(document.body.clientWidth < 800 ? "760px" : "80%");
	margin:0 auto;
	width:80%;
	position:relative;
	padding:25px 10px;
	margin-top:183px;	/* Extra space to make room for the header */
	height:1%;		/* Stretch container to footer in ff */
	overflow:hidden;
}

div#contentContainer #contentwrapper
{
	float:left;
	width:100%;
}

#contentcolumn
{
	margin-left:200px;
	padding-right:15px;
}

div#contentContainer #leftcolumn
{
	float:left;
	width:175px;
	margin-left:-100%;
	margin-top:-30px;
}

img.clearance
{
	position:absolute;
	right:10px;
}

div#store2
{
	background:url(/images/content_background_reverse.png) 0% 100% repeat-x #fff;
	float:right;
	width:30%;
	border:1px solid #ccc;
	padding:10px;
	position:relative;
	font-size:95%;
	margin-left:15px;
}

div#store2 img.furnaces
{
	width:40%;
	float:right;
}

div#store2 h2
{
	font-size:1.5em;
}

div#store2 #storeDescription
{
	margin-top:35px;
	color:#888;
}

div#store2 #enter
{
	margin-top:10px;
	text-align:right;
}

div#store
{
	background:url(/images/content_background_reverse.png) 0% 100% repeat-x #fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:10px;
	position:relative;
	font-size:95%;
	width:153px;
}

div#store img
{
	width:85px;
}

div#store h2
{
	font-size:1.5em;
}

div#store #storeDescription
{
	margin-top:35px;
	color:#888;
}

div#store #enter
{
	margin-top:10px;
	text-align:right;
}

div#store img
{
	float:right;
}

h2.locationHeader
{
	font-size:1.3em;
	margin:30px 10px 0px 10px;
	color:#888;
	border-bottom:1px solid #888;
	clear:both;
}

div#slideshow
{
	width:64%;
	height:202px;
}

div#slideshow img
{
	width:100%;
	border:1px solid #ccc;
}

div#manufacturerLogos
{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:10px 0;
	margin:40px 0;
	text-align:center;
	clear:both;
}

div#manufacturerLogos img
{
	padding:0 .5em;
	width:11.5%;
}

div#locationMap h1
{
/*

	font-size:1.5em;
	
*/
}

div#locationMapContainer
{
	background:url(/images/chcs_map2.png) no-repeat center;
	position:relative;
	max-width:567px;
	width:567px;
	height:357px;
	margin:0 auto;
}

div#locationMapContainer .locationName
{
	font-weight:bold;
	font-size:1em;
}

div#locationMapContainer #orem
{
	position:absolute;
	right:10px;
	top:70px;
}

div#locationMapContainer #richfield
{
	position:absolute;
	left:30px;
	bottom:150px;
}

div#locationMapContainer #stgeorge
{
	position:absolute;
	left:5px;
	bottom:50px;
}

div#locationContent h3
{
	font-size:1em;
	padding:0;
	color:#a00;
	margin:0 0 10px 0;
}

.locationDiv
{
	margin-left:15px;
	padding:30px 5px 10px 0;
	border-bottom:1px solid #ddd;
	width:35%;
}

.googleMap
{
	float:right;
	margin:30px 15px 15px 0;
	text-align:right;
}

.googleMap img,
.googleMap iframe
{
	border:1px solid #ccc;
	padding:1px;
}

#mission
{
	font-size:1em;
	font-weight:normal;
	margin-bottom:35px;
}


/* Footer section */

div#footerContainer
{
	clear:both;
	width:100%;
	min-width:780px;
	width:expression(document.body.clientWidth < 800 ? "780px" : "100%");
	background-color:#333333;
	height:35px;
	color:#fff;
}

div#footerContainer #footernew
{
	padding:10px;
	margin:0 auto;
	width:80%;
	min-width:760px;
	max-width:1024px;
	width:expression(document.body.clientWidth < 800 ? "760px" : "80%");
}


/* navBar section */

.moreArrow
{
	float:right;
	width:7px;
	margin:-2px 3px 0 0;
}

#navBar
{
	width:100%;
}

#navBar ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}

#navBar a
{
	font:bold 11px arial;
	display:block;
	border-width:1px;
	border-style:solid;
	border-color:#ccc #888 #555 #bbb;
	margin:0;
	padding:4px 4px;
	color:#000;
	/*background:url(/images/light.png) 0 0 repeat-x #eee;*/
	background:#efefef;
	text-decoration:none;
	width:165px;
	/*letter-spacing:1px;*/
}

#navHeader
{
	position:relative;
	margin-top:20px;
}

#navHeader img
{
	display:block;
}

#navHeader #navHeaderText
{
	position:absolute;
	top:4px;
	left:6px;
	color:white;
	font-size:13px;
	font-weight:bold;
}

#navBar a:hover
{
	color:#a00;
	background:#fcfcfc;
}

#navBar li
{
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	z-index:1000;
}

#navBar ul ul
{
	position:absolute;
	top:0;
	left:100%;
	width:175px;
}

#navBar ul ul,
#navBar ul li:hover ul ul,
#navBar ul ul li:hover ul ul,
#navBar ul a:hover ul ul,
#navBar ul ul a:hover ul ul
{
	visibility:hidden;
}

#navBar ul li:hover ul,
#navBar ul ul li:hover ul,
#navBar ul a:hover ul,
#navBar ul ul a:hover ul
{
	visibility:visible;
}

#navBar table
{
	border-collapse:collapse;
}

#navFooter
{
	clear:both;
	border-bottom:8px solid #be0000;
}


