/* CSS Document */

body {
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-color:rgb(146,135,123);	
}
h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:rgb(115,48,29);
	padding:0 0 0 0;
	margin:0 0 0 0;
	}
h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	letter-spacing:2px;
	color:rgb(0,0,0);
	padding:0 0 0 0;
	margin:0 0 0 0;
	color:rgb(81,82,84);
	}
h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:rgb(0,0,0);
	padding:0 0 0 0;
	margin:0 0 0 0;
	}
h4{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:rgb(0,0,0);
	padding:0 0 0 0;
	margin:0 0 0 0;
	}
h5{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	vertical-align:top;
	padding:0 0 0 0;
	margin:0 0 0 0;
	}
h6{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:rgb(115,48,29);
	font-size:11px;
	vertical-align:top;
	padding:0 0 0 0;
	margin:0 0 0 0;
	}
a{
	color:rgb(148,136,124);
	text-decoration:none;
	}
a:hover{
	text-decoration:underline;
	}
.white{
	color:rgb(255,255,255);
	}
.tan{
	color:rgb(148,136,124);
	}
.hrLine{
	width:100%;
	height:1px;
	background-color:rgb(148,136,124);
	margin:2px 0 15px 0;
	}
#products img{
	border:none;
}
#placement{
	width:901px;
	margin:0 auto 0 auto;
	background-color:rgb(255,255,255);
	background-image:url(../imgs/placementBG.gif);
	background-position:top;
	background-repeat:repeat-y;
	}
.breadCrumb{
	width:663px;
	height:27px;
	background-color:rgb(255,255,255);
	background-image:url(../imgs/breadCrumbBG.gif);
	background-position:-300px 0px;
	background-repeat:repeat-y;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 auto 0 auto;
	padding:8px 0 0 220px;
	}
.breadCrumb a{
	text-transform:lowercase;
	}
.breadCrumb a.capsOn{
	text-transform:none;
	}
.hpBeautyShots{
	position:relative; 
	top:0px; 
	left:0px; 
	width:883px;
	height:271px;
	margin:0 auto 0 auto;
	border-bottom:solid 2px rgb(255,255,255);
	}	
	
#content{
	position:relative;
	top:0px;
	width:883px;
	margin:0 auto 0 auto;
	background-color:rgb(255,255,255);
	font-family:Verdana, Arial, Helvetica, sans-serif !important;
	font-size:12px;
	color:rgb(135,152,165) !important;
	padding:0 0 0 0;
	line-height:20px;
	border:solid 1px rgb(255,255,255);
}
#home #content{
	position:relative;
	top:0px;
	width:883px;
	margin:0 auto 0 auto;
	background-color:rgb(255,255,255);
	background-image:url(../imgs/headerBG.gif);
	background-position:300px 0px;
	background-repeat:repeat-y;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:0 0 0 0;
	line-height:20px;
	border:solid 1px rgb(255,255,255);
}


/* home page quick links */
#content .quickLinks{
	position:relative;
	top:0px;
	left:0px;
	}
#content .quickLinks ul {
	list-style:none;
	text-align:left;
	padding:0 0 0 0;
	margin:0 0 0 0;
	}
#content .quickLinks ul li{ 
	z-index:100;
	float: left !important;
	position:relative;
	left:0px;
	top:0px;
	width:132px;
	height:26px;
	background-color:rgb(255,255,255);
}
#content .quickLinks ul li a{
	background-image:url(../imgs/quickLinksBG.gif);
	background-position:top left;
	background-repeat:no-repeat;
	color:rgb(255,255,255);
	padding:0 0 0 12px;
	height:26px;
	display:block;
	text-decoration:none;
	font-size:10px;
	line-height:21px;
	}
#content .quickLinks ul li a:hover{
	background-position:bottom left;
	text-decoration:underline;
	}
	
/* hp options */
#content .hpTable{
	position:relative;
	top:5px;
	left:0px;
	width:706px;
	font-size:12px;
	line-height:18px;
	}
#content .hpMiddleTable{
	width:308px;
	height:161px;
	background-image:url(../imgs/hpMiddleTableBG.gif);
	background-position:top left;
	background-repeat:no-repeat;
	}
#content .hpMiddleTable .hpMiddleTableTDA,
#content .hpMiddleTable .hpMiddleTableTDB,
#content .hpMiddleTable .hpMiddleTableTDC,
#content .hpMiddleTable .hpMiddleTableTDD{
	width:152px;
	font-size:9px;
	color:#8798A5;
	 line-height:14px;
	}
#content .hpMiddleTable .hpMiddleTableTDA{
	padding:5px 5px 0px 2px;
	height:80px;
	}
#content .hpMiddleTable .hpMiddleTableTDB{
	padding:5px 5px 0px 15px;
	height:80px;
	}
#content .hpMiddleTable .hpMiddleTableTDC{
	padding:10px 5px 0px 2px;
	}
#content .hpMiddleTable .hpMiddleTableTDD{
	padding:10px 5px 0px 15px;
	}
#content .hpTable .hpNewsModule{
	width:137px;
	height:115px;
	background-image:url(../imgs/hpNewsBG.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding:5px 5px 2px 5px;
	}
#content .hpTable .hpNewsModule .hpNews{
	background-color:rgb(230,230,230);
	color:rgb(120,120,120);
	width:123px;
	height:34px;
	line-height:10px;
	padding:1px 2px 1px 2px;
	}
#content .hpFirePlace{
	position:absolute;
	top:-98px;
	right:20px;
	}	

#content td{
	vertical-align:top;
	}
#content .leftCol{
	width:220px;
	background-image:url(../imgs/leftColBG.gif);
	background-position:top left;
	background-repeat:repeat-x;
	}

	
#content .rightCol{
	width:633px;
	padding:10px 20px 0px 10px;
	}
#content .rightCol .subQuickLinks{
	width:628px;
	text-align:right;
	padding:5px 5px 5px 0;
	}
#content .rightCol table td{
	width:290px;
	padding:5px 10px 15px 10px;
	}	

.bodyHeading h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;;
	font-style:normal !important;
	font-weight:normal !important;
	padding:42px 0 18px 47px;
	margin:0 0 0 0;
	color:rgb(115,142,159);
	font-size:20px;
	}


.bodyCopy{
	position:relative;
	top:0px;
	width:720px;
	padding:0 0 0 47px;
	}
.bodyCopy a{
	color:rgb(69,80,101);
	}
.bodyCopy a:hover{
	color:rgb(145,166,175);
	}

/* FireRock Systems Page */
.systemsContainerBox{
	position:relative;
	top:0px;
	left:0px;
	width:287px;
	height:188px;
	margin:0 0 0 15px;
	background-color:rgb(206,205,208);
	}
.systemsImgContainerBox{
	position:absolute;
	bottom:6px;
	left:5px;
	}
.systemsCopyContainerBox{
	position:absolute;
	top:10px;
	right:14px;
	width:145px;
	height:157px;
	padding:2px 5px 2px 5px;
	background-color:rgb(231,230,232);
	font-size:9px;
	line-height:14px;
	}
/* Emberlok Systems Page */
.systemsContainerBoxA{
	position:relative;
	top:0px;
	left:0px;
	float:left;
	width:10px;
	height:208px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-color:rgb(206,205,208);
	background-image:url(../imgs/products/mainSystemsHeaderImgs-outdoor.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	overflow:hidden;
	}
.systemsContainerBoxB{
	position:relative;
	float:left;
	margin:0 0 0 15px;
	width:287px;
	height:188px;
	background-color:rgb(206,205,208);
	overflow:hidden;
	}
.systemsContainerBoxB .systemsImgContainerBox{
	position:absolute;
	bottom:6px;
	left:5px;
	}

/*
.systemsImgContainerBox{
	position:absolute;
	bottom:6px;
	left:5px;
	}
.systemsCopyContainerBox{
	position:absolute;
	top:10px;
	right:14px;
	width:145px;
	height:157px;
	padding:2px 5px 2px 5px;
	background-color:rgb(231,230,232);
	font-size:9px;
	line-height:14px;
	}
*/
/* FireRock Accessory Page */
.accessoriesContainerBox{
	position:relative;
	top:0px;
	left:0px;
	width:287px;
	height:188px;
	margin:0 0 0 15px;
	background-color:rgb(206,205,208);
	}
.accessoriesImgContainerBox{
	position:absolute;
	bottom:6px;
	left:5px;
	}
.accessoriesCopyContainerBox{
	position:absolute;
	top:10px;
	right:14px;
	width:145px;
	height:157px;
	padding:2px 5px 2px 5px;
	background-color:rgb(231,230,232);
	}
/* photoGall / drawing specs pages only */
.drawingSpecsGall{
	position:relative;
	}
.drawingSpecsGall img{
	border:solid 1px rgb(230,230,230);
	padding:0 0 20px 0;
	background-color:rgb(230,230,230);
	}
.drawingSpecsGallCopy{
	position:absolute;
	bottom:1px;
	left:4px;
	color:rgb(0,0,0);
	}
.drawingSpecsGallCopy img{
	position:relative !important;
	top:4px;
	border:none !important;
	padding:0 0 0 0 !important;
	}
#printMe{
	background-color:rgb(255,255,255);
	}
#printMe #printMeTable{
	width:700px;
	border:solid 1px rgb(230,230,230);
	}
#printMe #printMeFooter{
	width:700px;
	text-align:right;
	}

/* fire Rock Systems  tables */
.productsInstallSteps td{
	border:none !important;
	padding:0 6px 15px 0 !important;
	margin:0 0 0 0 !important;
	}
.productsInstallSteps img{
	border:solid 1px #CCCCCC;
	}
.productsOverview{
	border:none !important;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
	line-height:12px;
	width:633px
	}
.productsOverview tr td{
	padding:1px 0 1px 0 !important;
	margin:0 0 0 0 !important;
	}
.productsOverview tr td.lightGrayTD{
	background-color:#CCCCCC;
	}

.footer{
	position:relative;
	top:0px;
	width:881px;
	margin:0 auto 0 auto;
	padding:10px 10px 10px 10px;
	font-family:Arial, Verdana, sans-serif;
	font-size:8pt;
	color:rgb(107,106,103);
	background-image:url(../imgs/footerBG.gif);
	background-position:top;
	background-repeat:no-repeat;
	}
.footer a{
	color:rgb(107,106,103);
	}
.footer a:hover{
	color:rgb(145,166,175);
	}