/*------------:: STYLESHEET TEMPLATE ::------------*/

/*------------:: FONT SIZE REFERENCE ::--------------
	Default HTML --> font-size: 12pt;
	Standard icubus -->  font-size: 10pt;
	icubus Preferred Smaller --> font-size: 8pt;
---------------------------------------------------*/

/*-----------:: LINE HEIGHT REFERENCE ::-------------
	Default HTML --> line-height: 120%;
	Standard icubus -->  line-height: 150%;
	x1.5 line spacing --> line-height: 180%;
	double-space --> line-height: 240%;
---------------------------------------------------*/

a { color: #0000CC; }
a:visited { color: #990099; }
a:hover { color:#0000FF; }
a img{ border: none; }
body {
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF; background-image: url(../images/bgBody.jpg); background-position: left; background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; text-align: justify;
	line-height: 150%;
	float: left;
}
td, th {
	font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; text-align: left;
	line-height: 150%;
	vertical-align: top;
}
p { text-align:justify; }


/*------------:: Skeletal Page Layout Element Styles ::------------*/
#body {
	width: 1020px;
	background-color: #FFFFFF;
	text-align: justify;
}
#footer {
	width: 780px;
	background-color: #FFFFFF;
	border-top: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; text-align: center;
	float: left;
}
#header {
	height: 51px; width:555px; float: left;
	padding: 59px 0px 0px 0px;
	background-image: url(../images/bgHeader.jpg); background-position: top left; background-repeat: no-repeat;
}
#leftPanel {
	width: 245px; float: left;
}
#pageContent {
	width: 515px; float: left;
	padding: 0px 0px 1em 1.5em;
}
#popBody {
	width: 650px;
	text-align: left;
}
#adDIY {
	height: 450px; width: 200px; float: right;
	margin: 0px 1px 0px 0px;
}



/*------------:: Unique/Individual Styles ::------------*/
#HQInfo{
	margin: 0.5em 0px 1.5em 0px; padding: 0.5em 5px 1.5em 0px;
	font-family: Tahoma,Arial, Helvetica, sans-serif; font-size:8pt; color:#000000; text-align:right;
	line-height: 120%;
}
#col_vScrollproj{
	height: 240px; width: 500px; position: relative; /*368*/
	clip: rect(0px 500px 240px 0px);
	z-index: 1;	overflow: hidden;
}
#col_vScrollproj_clip {
	width: 500px; position: relative; left: 0px; top: 0px; /*368*/
	z-index: 1; visibility: hidden;
}
#tegulaCalculator_formLengthsCA { }
#tegulaCalculator_formLengthsDA { visibility: hidden; display: none; }
#tegulaCalculator_formLengthsQA { visibility: hidden; display: none; }
#tegulaCalculator_formLengthsDAHR { visibility: hidden; display: none; }
#iconSiteMap {
	height: 24px; width: 29px; float: right;
	border-style: none;
}


.hitCounter { width: 100px; color: #990000;}
/*------------:: Reusable Styles ::------------*/
.redText { color: #990000; }
.mediumText { font-size: 9pt; }
.smallText { font-size: 8pt; }
.singleSpace { line-height: 120%; }
a.blackText { color: #000000; text-decoration: none; }
a.blackText:visited { color: #000000; }
a.blackText:hover { color: #990000; }
a.footer { color: #000000; font-weight: bold; text-decoration: none; }
a.footer:visited { color: #666666; }
a.footer:hover { color: #996600; }
a.menuItem_Sub { font-size: 8pt; color: #FFFFFF; font-weight: bold; text-decoration: none; }
a.menuItem_Sub:visited { color: #FFFFFF; }
a.menuItem_Sub:hover { color: #FFCC00; }
a.redText { color: #990000; text-decoration: none; }
a.redText:visited { color: #990000; }
a.redText:hover { color: #CC0000; }
div.imageL {
	float: left;
	margin: 0px 1.5em 0px 0px;
	font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; text-align: center;
	line-height: 120%;
}
div.imageR {
	float: right;
	margin: 0px 0px 0px 1.5em;
	font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; text-align: center;
	line-height: 120%;
}
div.menu {
	height: 26px; width: 535px;
}
div.menuItem_Sub {
	height: 26px; float: left;
	padding: 0px 1em 0px 1em;
	text-align: center; 
	line-height: 26px;
}
div.pageContent_colL {
	width: 248px; float: left;
}
div.pageContent_colR {
	width: 248px; float: left;
	margin: 0px 0px 0px 1em;
}
div.pageTitle {
	height: 24px;
	margin: 30px 0px 1em 0px;
	text-align: right;
	vertical-align: bottom;
}
img.brandAds {
	height: 50px; width: 233px;
	border-style: none;
}
img.folio_Logo {
	height: 50px; width: 156px; float: left;
	margin: 0px 2em 0px 0px;
}
img.prodCat {
	height: 130px; width: 250px;
	border-style: none;
}
img.prodIx_TN {
	height: 100px; width: 100px;
	border-style: none;
}
img.projectImage {
	height: 375px; width: 500px;
	margin: 1em 0px 0px 0px; padding: 5px 5px 5px 5px; border: 1px solid #CCCCCC;
}
input.button {
	font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000;
}
input.textBox {
/* Use the HTML "size" property to define the width */
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000;
}
select.comboBox {
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000;
}
span.tegulaCalculator_RoofTypeLinks {
	color: #996600; font-weight: bold;
	cursor: pointer;
}
td.dataLabel {
	padding: 0px 1em 0px 0px;
	font-size: 8pt; font-weight: bold;
	text-align: right;
}
td.prodIx_TN {
	width: 105px;
	padding: 1em 0px 2em 0px; border-top: 1px solid #CCCCCC;
	text-align: center;
}
td.prodIx_Text {
	padding: 1em 0px 2em 1em; border-top: 1px solid #CCCCCC;
	text-align: left;
}
textarea.textBox {
/* Use the HTML "rows" and "cols" properties to define both height and width */
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000;
	overflow: auto;
}