@charset "utf-8";

/* Tips for absolutely positioned sidebars:
1. Absolutely positioned (AP) elements must be given a top and side value, either right or left. (As a default, if no top value is given, the AP element will begin directly after the last element in the source order of the page. This means, if the sidebars are first element in the #container in the document's source order, they will appear at the top of the #container even without being given a top value. However, if they are moved later in the source order for any reason, they'll need a top value to appear where you desire.
2. Absolutely positioned (AP) elements are taken out of the flow of the document. This means the elements around them don't know they exist and don't account for them when taking up their proper space on the page. Thus, an AP div should only be used as a side column if you are sure the middle #mainContent div will always contain the most content. If either sidebar were to contain more content, that sidebar would run over the bottom of the parent div and the sidebar would not appear to be contained.
3. If the above mentioned requirements are met, absolutely positioned sidebars can be an easy way to control the source order of the document.
*/

/* site page containers */
body {
	margin: 0 auto;
		background-image:url(../images/home/bckgrndimg.jpg);
	background-position:center;
	
}

.containerhomepage {
	margin: 0 auto;
	width: 1000px;
	background-image:url(../images/home/bckgrndimg.jpg);
	background-position:center;
	
}

.containerhome {
	background: #FFFFFF;
	margin: 0 auto;
	width: 960px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}




.containersitepage {
	margin: 0 auto;
	width: 1000px;
			background-image:url(../images/home/bckgrndimg.jpg);
	background-position:center;
}










.testimonials {
	background: #FFFFFF;
	width: 1000px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #CCCCCC;
}

.containerhomepage #footer {
	width: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif; color: #798068;
font-weight:bold;
font-size:11px;
line-height:13px;	
}

.frontnews {
	background: url(../images/frontus/frontpagenew_pro4img.jpg) no-repeat;
	width: 232px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #CCCCCC;
	height:230px;
}

.frontnews #headline{
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
color:#333333; 
line-height:20px;
font-weight:bold;
}

.frontnews a{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
color: #CC3300;
text-decoration:none;
}
.frontnews a:hover{
color: #CC3300;
text-decoration:underline;
}

.frontnews p{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #666666; 
	padding: 0px 10px 0px 8px;
		margin: 30px 0px 0px 0px;
		line-height:16px;
}

.frontnews p img{

	padding: 0px 0px 0px 0px;
		margin: 5px 0px 0px 10px;

}

.frontnews #newsdate{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color: #666666; 
line-height:20px;
}

.frontnews #newspic{
border:1px solid #999999;
}





.credit {
	background: url(../images/frontus/credit_pic.jpg) no-repeat;
	width: 232px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #CCCCCC;
	height:230px;
}

.credit #headline{
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
color:#333333; 
line-height:20px;
font-weight:bold;
}

.credit a{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
color: #CC3300;
text-decoration:none;
}
.credit a:hover{
color: #CC3300;
text-decoration:underline;
}

.credit p{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #666666; 
	padding: 0px 10px 0px 8px;
		margin: 50px 0px 0px 88px;
		line-height:16px;
}

.credit p img{
	padding: 0px 10px 0px 8px;
		margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
		margin: 5px 0px 0px 10px;

}

.credit #newsdate{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color: #666666; 
line-height:20px;
}

.credit #newspic{
border:1px solid #999999;
}


















.frontResroofing {
	background: #e1e1e1;

	width: 232px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #CCCCCC;
	height:230px;
}

.frontSpacer {
	width: 1px;
	border-left: 1px solid #CCCCCC;
	height:230px;
	margin: 10px 9px 10px 10px;
}

.frontResroofing a{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
color: #CC3300;
text-decoration:none;
}
.frontResroofing a:hover{
color: #CC3300;
text-decoration:underline;
}

.frontResroofing p{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #666666; 
	padding: 0px 10px 0px 10px;
		margin: 5px 0px 0px 0px;
		line-height:16px;
}

.frontResroofing #restitle{
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color: #000000; 

}


.frontComroofing {
	background: #e1e1e1;
	width: 232px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #CCCCCC;
		height:230px;
}

.frontComroofing a{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
color: #CC3300;
text-decoration:none;

}
.frontComroofing a:hover{
color: #CC3300;
text-decoration:underline;
}


.frontComroofing p{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
		line-height:16px;
color: #666666; 
	margin: 5px 0px 0px 0px;
	padding: 0px 10px 10px 10px;
}

.frontComroofing #comtitle{
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color: #000000; 

}



.frontRoofviewer {
background-image:url(/images/front/roofviewer_pic.jpg);
	width: 232px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #CCCCCC;
	height:230px;
}

.frontRoofviewer a{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #CC3300; 
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 0px 0px;

text-decoration:none;
}

.frontRoofviewer a:hover{
text-decoration:underline;
color: #CC3300; 
}


.frontShieldpro {
background-image:url(/images/front/shieldpro_pic.jpg);
	width: 232px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #CCCCCC;
	height:230px;
}

.frontShieldpro a{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #CC3300; 
	margin: 0px 0px 0px 180px;
	padding: 0px 0px 0px 0px;
text-decoration:none;
}

.frontShieldpro a:hover{
text-decoration:underline;
color: #CC3300; 
}




.searchform{
z-index:300;
margin:100px 0px 0px 700px;
width:300px;
height:100px;
}




/* css for footer */

.footer{
width:1000px;
margin: 0 auto;
}



.footerWelcome{
width:1000px;
margin: 0 auto;
}


.footerWelcome p{
font-family: Verdana, Arial, Helvetica, sans-serif; color: #999999;
font-weight:bold;
font-size:11px;
line-height:13px;
padding: 10px 0px 0px 0px;
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
}



.bottomnav{

margin: 0 auto
}

.bottomnav ul{
list-style-type: none;
list-style:none;
margin: 0px 0px 0px 0px;
}

.bottomnav ul li{
font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	list-style:none;
	padding:0px 10px 0px 0px; 
	margin:0px 0px 0px 0px; 

width:200px;
color:#666666;

}

.bottomnav ul li a{
font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color: #999999;
		padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px;
		line-height:11px;

}

.bottomnav ul li a:hover{
color: #000000;
text-decoration:underline;
	line-height:11px;
}




.bottomnav2{

margin: 0 auto
}

.bottomnav2 ul{
list-style-type: none;
margin: 0px 0px 0px 0px;
}

.bottomnav2 ul li{
font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	list-style:none;
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px; 
	display:block;
width:150px;
color:#666666;

}

.bottomnav2 ul li a{
font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	list-style:none;
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px; 
	display:block;
	color: #999999;
		line-height:11px;
}

.bottomnav2 ul li a:hover{
color: #000000;
	text-decoration:underline;
		line-height:11px;
}



.bottomnav3{

margin: 0 auto
}

.bottomnav3 ul{
list-style-type: none;
margin: 0px 0px 0px 0px;
}

.bottomnav3 ul li{
font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	list-style:none;
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px; 
	display:block;
width:180px;
color:#666666;

}

.bottomnav3 ul li a{
font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	list-style:none;
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px; 
	display:block;
	color: #999999;
		line-height:11px;
}

.bottomnav3 ul li a:hover{
color: #000000;
	text-decoration:underline;
		line-height:11px;
}




.bottomspacer{
height:20px;
background:#585858;
width:1000px;
padding:0px 0px 0px 0px;
margin: 0px auto;
margin-top:2px;

}


.bottomspacer2{
height:1px;
background:#585858;
width:1000px;
padding:0px 0px 0px 0px;
margin:10px 0px 20px 0px;

}
.bottomspacer3{
height:20px;
background: #999999;
width:1000px;
padding:0px 0px 0px 0px;
margin: 20px 0px 0px 0px;

}

.bottomspacercom{
height:20px;
background:#556e84;
width:1000px;
padding:0px 0px 0px 0px;
margin: 0px auto;
margin: 20px 0px 0px 0px;

}



.copyright{
width:1000px;
margin: 10px 0px 0px 0px;
}

.copyright p{
font-family:Arial, Helvetica, sans-serif; color: #999999;
font-size:9px;
padding: 0px 0px 0px 0px;
}

.copyright p a{
font-family:Arial, Helvetica, sans-serif; color: #999999;
text-decoration:underline;
color:#000000;
}

.copyright p a:hover{
font-family:Arial, Helvetica, sans-serif; color: #000000;
text-decoration:underline;
color:#CC3300;
}

.thrColFix #container { 
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin: 10px 0px 0px 0px;
} 
.thrColFix #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 0px 0px 0px; /* padding keeps the content of the div away from the edges */

}
.thrColFix #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	width:200px;
}
.thrColFix #sidebar2b {
	float: right; /* since this element is floated, a width must be given */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:0px;
}
.thrColFix #mainContent { 
	margin: 0px 0px 0px 220px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0px 10px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width:558px; 
	border-left: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
	}	
.thrColFix #mainContentlegal { 
	margin: 0px 0px 0px 220px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0px 10px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width:720px; 
	border-left: 1px solid #CCCCCC;

}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 0px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 0px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}



.resproductsdetails { 

	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	border-right: 1px solid #CCCCCC;
} 


.comproductsdetails { 

	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	border-right: 1px solid #CCCCCC;
	width:549px;
} 

.twoColFixRt #mainContent p{ 

	margin: 0px 0px 0px 0px; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px 0px 0px 0px;
} 

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}









.ProductList{
padding:0px 0px 0px 10px;
margin: 0px 0px 0px 0px;
line-height:18px;
width:100%;

border-right: 1px solid #CCCCCC;
}

.ProductList p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
text-indent:5px;
width:550px;
color: #999999;
border-bottom: 1px solid #CCCCCC;
}




.List{
width:300px;
padding:0px 0px 0px 0px;
margin: 0px 20px 0px 10px;

}



.ListProductType{ 
color: #000000;
margin: 20px 0px 0px 10px;
width:550px;
padding: 0px 0px 0px 0px;
height:100%;
}


.ListProductType p{ 
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color: #FFFFFF;
text-indent:13px;
padding:4px 0px 4px 0px;
margin: 0px 0px 0px 0px;
background-color:#878787;
}

.ListProductTypePic{ 
width:227px;
margin: 0px 0px 0px 0px;

}





.ListProducts{
margin: 0px 0px 0px 10px;
border-bottom:#CCCCCC solid 1px;
border-left:#CCCCCC solid 1px;
border-right:#CCCCCC solid 1px;
padding:10px 0px 10px 0px;
background-color:#fff;
width:548px;
}


.ListProductName{ 
margin: 0px 0px 0px 10px;

}

.ListProductName a{ 
color: #000000;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
width:300px;
font-weight:bold;
margin: 5px 0px 0px 0px;
text-decoration:none;
}

.ListProductName a:hover{ 
color: #CC3300;
text-decoration:none;
text-decoration:underline;
}




.ListProductdesc{ 
color: #666666;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
width:357px;
margin: 0px 10px 0px 10px;
}

.ListProductPic{ 
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
width:150px;
height:100px;
}

.ListProductPic a{ 
border: #CCCCCC 1px solid;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:150px;
height:100px;
display:block;
}

.ListProductPic a:hover{ 
border: #CC3300 1px solid;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:150px;
height:100px;
}


.ProductList li a{ 
color: #666666;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
margin: 0 auto;
}

.ProductList li a:hover{
color: #000000;
}

.ProductsHeader{
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 10px;
width:549px;
}





.ZipPostalCode{
background: #E1E1E1;
margin: 0px 0px 0px 10px;
width:530px;
padding: 10px 10px 10px 10px;
line-height:15px;
}

.ZipPostalCode p{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size:11px;
}

.ZipPostalCode p span{
color:#999999;
font-weight:bold;
font-size:9px;
}

.gapfiller{
height:800px;
background:#FFFFFF;

}



.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 0px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 0px;
}



.ProductsTitle{
background: #e3e3e3;
margin: 1px 0px 0px 10px;
width:549px;
padding: 0px 0px 0px 0px;
display:block;
}
.ProductsHeader{
margin: 0px 0px 0px 10px;
width:549px;
padding: 0px 0px 0px 0px;

}
.ProductsTitle p{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666666;
font-size:11px;
padding: 5px 0px 5px 10px;
margin: 0px 0px 0px 0px;
line-height:15px;
font-weight:bold;
}

.ProductsTitle p span{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666666;
font-size:11px;
margin: 0px 0px 0px 0px;
line-height:15px;
font-weight:normal;
}


/* residential product details page */

.ProductsName{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 7px;
width:549px;
}

.ProductsName #img{
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
border-bottom: 1px solid #CCCCCC;
}


.ProductsName #prodtype{
font-weight:bold;
font-size:14px;
color: #666666;
font-family: Arial, Helvetica, sans-serif;
}




.ProductsName p{
font-size:14px;
font-family: Arial, Helvetica, sans-serif;
line-height:22px;
color: #666666;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.ProductsName p span{
font-size:20px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000000;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.ProductsName a{

}

.ProductsName a:hover{

}



.ProductsNameQuickLinks{
margin: 5px 0px 0px 10px;
padding: 0px 0px 0px 0px;
width:146px;
height:120px;
background: #e3e3e3;
}

.ProductsNameQuickLinks p{
margin: 0px 0px 0px 0px;
padding: 3px 10px 3px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color: #FFFFFF;
background:#999999;

}

.ProductsNameQuickLinks a{
margin: 6px 0px 6px 10px;
padding: 0px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #333333;
text-decoration:none;
display:block;
}

.ProductsNameQuickLinks a:hover{
color: #CC3300;
text-decoration:underline;
}

.imagewarranty{
margin: 0px 60px 0px 0px;
padding: 0px 0px 0px 0px;
float:right;
}




.LitPDFs{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}


.lit_links a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
border-bottom:1px solid #CCCCCC;
display:block;
text-decoration: none;
}

.lit_links a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration: none;
}




.ProductInfo{
list-style-type: none;
margin: 10px 0px 0px 10px;
padding:0px 5px 0px 5px;
background:#CCCCCC;
border:#CCCCCC;
float:left;
margin-top:20px;
width:516px;

}

.ProductInfo li{
display: inline;

}

.ProductInfo li a{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
display: inline;
color: #999999;
}

.ProductInfo li a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
display: inline;
color: #FFFFFF;
text-decoration:none;
background:#999999;
}



.ProductDetailsSpecs{
border:1px solid #999999;
padding: 0px 10px 10px 20px;
width:518px;
margin: 36px 0px 200px 7px;

}


.ProductDetailsSpecs p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding: 10px 0px 0px 0px;
display:inline;
display:block;
}


.prodstands{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
padding: 10px 0px 0px 20px;
}

.prodspecs{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
padding: 10px 30px 0px 20px;
width:280px;
} 

.ProductDetailsSpecs ul li{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding: 2px 2px 2px 0px;
width:300px;
line-height:18px;
vertical-align:middle;
}

.ProductDetailsSpecs #colours{
text-align:center;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}

.colorname{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}


.ProductsDesc{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

}

.ProductsDesc p{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #333333;
line-height:14px;
}

.brochthm{
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
width:130px;
float:right;
}
.warrantythm{
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
width:130px;
float:right;
}
.installthm{
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
width:130px;
float:right;
}


.ProductsPDF{
margin: 20px 0px 0px 30px;
padding: 20px 0px 0px 30px;
display:inline;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:14px;
text-align:center;
width:130px;

}

.ProductsPDF p{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:14px;
}




.brochurePDF{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
border:0px;
width:150px;
text-decoration:none;
}

.brochurePDF a{
color: #000000;
border:0px;
text-align:center;

}

.brochurePDF a:hover{
color: #FF0000;
}



.warrantyPDF{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009966;

width:150px;
text-align:center;
}

.warrantyPDF a{
color: #000000;
border:0px;
text-align:center;
}

.warrantyPDF a:hover{
color: #FF0000;
}



.installPDF{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#009966;
width:150px;
text-align:center;
margin-left:350px;
right: 0;
}

.installPDF a{
color: #000000;
border:0px;
text-align:center;
}

.installPDF a:hover{
color: #FF0000;
}





.Specmenu {padding:0 0 0 0px;width:auto; margin:0 auto; margin-left:7px; float:left; list-style:none; height:36px; font-family: Arial, Helvetica, sans-serif;}
.Specmenu li{display:inline; padding:0px 2px 0px 2px; margin: 0px 0px 0px 0px;}
.Specmenu li.top {display:inline; width:auto; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.Specmenu li a.top_link {margin: 0px 2px 0px 0px; border-left:1px solid #999999; border-right:1px solid #999999; border-top:1px solid #999999; display:block; float:left; height:36px; text-align:center; line-height:36px; color: #666666; text-decoration:none; font-size:12px; padding:0px 10px 0px 10px; cursor:pointer;}


.Specmenu li:hover > a.top_link {color: #333333; text-decoration:underline;}
.Specmenu li:hover > a.top_link span {background: #999999 no-repeat right top;}
.Specmenu li:hover > a.top_link span.down {}

.Specmenu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.Specmenu a:hover {visibility:visible;}
.Specmenu li:hover {position:relative;}




.specs{
margin: -10px 0px 0px -20px;
padding: 0px 0px 0px 0px;
background: #FFFFFF;
width:124px;
z-index:300;
height:2px;
}

.colors{
margin: -10px 0px 0px 108px;
padding: 0px 0px 0px 0px;
background: #FFFFFF;
width:109px;
z-index:300;
height:2px;
}


.tds{
margin: -10px 0px 0px 221px;
padding: 0px 0px 0px 0px;
background: #FFFFFF;
width:102px;
z-index:300;
height:2px;
}

.msds{
margin: -10px 0px 0px 327px;
padding: 0px 0px 0px 0px;
background: #FFFFFF;
width:128px;
z-index:300;
height:2px;
}





.advantage {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}




.advantage #mainContentdiv1 {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/advantage/heatsunpic.jpg);
	background-repeat: no-repeat;
	padding-left: 120px;
	font-size: 11px;
	padding-right: 30px;
	height: 100px;
}
.advantage #mainContentdiv2 {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/advantage/ultrasunpic.jpg);
	background-repeat: no-repeat;
	padding-left: 120px;
	font-size: 11px;
	padding-right: 30px;
	height: 100px;
}
.advantage #mainContentdiv3 {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/advantage/elementspic.jpg);
	background-repeat: no-repeat;
	padding-left: 120px;
	font-size: 11px;
	padding-right: 30px;
	height: 120px;
}


.advantage #industriesPicsLeft {
	margin-right: 15px;
	margin-bottom: 15px;
}
.advantage #industriesPicsRight {
	margin-bottom: 15px;
	margin-left: 15px;
}

.advantage #mainContentblueprint {
	margin: 0 0px 0 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	z-index: 10;
	width: 636px;
	float: left;
	background-image: url(../images/advantage/topheaderbandwidth.jpg);
	background-repeat: no-repeat;
}






.GalleryProducts{
background: #FFFFFF;
padding:0px 0px 2px 0px;
border-bottom: 1px solid #CCCCCC;
margin: 0px 0px 0px 0px;
}


.GalleryProductType{ 
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
width:540px;
color: #999999;
border-bottom: 1px solid #CCCCCC;
margin: 0px 0px 0px 0px;
}



.GalleryProducts p{ 
color: #666666;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
margin: 20px 0px 10px 6px;
padding: 0px 0px 0px 0px;
}

.GalleryProductName a:hover{ 
color: #CC3300;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
width:360px;
text-decoration:none;
font-weight:bold;
text-decoration:underline;
}

.GalleryProductdesc{ 
color: #666666;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
width:360px;
}

.GalleryProductPic{ 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 103px;
height: 80px;
border:#FFFFFF;
}

.GalleryProductPic #pic{ 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 103px;
height:76px;
border: 2px solid #FFFFFF;

}

.GalleryProductNoPic{ 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 103px;
height: 76px;
border:#FFFFFF;
}

.GalleryProductNoPic #pic{ 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 103px;
height: 76px;
border: 2px solid #FFFFFF;

}




.GalleryProductPic #pic:hover{ 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 103px;
height: 76px;
border: 2px solid #CC3300;
}






.resallleft {
	height:100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}




.resallleft #PostalZip{
	background: #798068;
	padding:20px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	width:220px;
}

.resallleft #PostalZip h4{
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size:18px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
line-height:20px;

}
.resallleft #PostalZip p{
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size:11px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
line-height:15px;
width:185px;
}
.resallleft #ProductsTitle{
background: #b3b88f;
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 10px;
display:block;
width:220px;
}

.resallleft #ProductsTitle p{
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size:11px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
line-height:14px;
}








/* residential left side page */

.resleft {
	height:100%;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	background: #e3e3e3;
	width:210px;

}



.resleft #PostalZip{

	background: #878787;
	padding:20px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	width:190px;
		height:201px;
}

.resleft #PostalZip2{

	background: #878787;
	padding:20px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	width:190px;
		height:100px;
}

.resleft #PostalZip2 h4{
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 18px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
line-height:20px;
}

.resleft #PostalZip h4{
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 18px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
line-height:20px;
}

.resleft #PostalZip p{
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size:11px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}


.resleft #PostalZip form{
padding: 0px 0px 0px 0px;
margin: 10px 0px 0px 0px;
}


.resleft #PostalZip p a{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #CCCCCC;
	text-decoration:none;
}

.resleft #PostalZip p a:hover{
color: #FFFFFF;
text-decoration:underline;
}

.resleft #PostalZip p span{
font-family: Arial, Helvetica, sans-serif;
color: #DBDBDB;
font-size:11px;
}


.resleft #resleftlist{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin:10px 0px 0px 10px;
	padding:0px 0px 0px 0px;

	list-style:none;
	width:200px; 
}

.resleft #resleftlist li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	list-style:none;
	padding:0px 0px 0px 0px; 
	margin:2px 0px 2px 0px; 
	width:190px; 

	display:block;

}



.resleft #resleftlist li a{
display:block;
	margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;  
	width:190px; 

	color: #666666; 
	text-decoration:none; 
	border:0px;
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px; 

}



.resleft #resleftlist :hover li {display:block; position:relative; width:190px; font-size:11px;}
.resleft #resleftlist li a.fly {background:#fff 80px 7px no-repeat;	}
.resleft #resleftlist li a:hover { color:#CC3300;}
.resleft #resleftlist li a.fly:hover {	line-height:14px; }
.resleft #resleftlist li:hover > a.fly {} 



/* advantage left side page */


.advleftlist{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	width: 190px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	background: #e3e3e3;
}

.advleftlist p{
	padding:0px 0px 0px 0px;
	margin:10px 0px 0px 10px;
}

.advleftlist #list{
	margin:10px 0px 0px 10px;
	padding:0px 0px 0px 0px;
}


.advleftlist #list li {padding:5px 0px 0px 5px; border:0px solid #C5C5C5; height:auto; list-style:none;}
.advleftlist #list :hover li {position:relative; float:left; font-size:11px; margin: 0px 0px 0px 0px;}
.advleftlist #list li a {font-weight:normal; font-size:11px; color: #666666; text-decoration:none; border:1px solid #C5C5C5; border-width:0 0 0 0px;}
.advleftlist #list li a.fly {background:#fff 80px 7px no-repeat;}
.advleftlist #list li a:hover {text-decoration:underline; color:#000000}
.advleftlist #list li a.fly:hover {}
.advleftlist #list li:hover > a.fly {} 



/* industries left side page */



.indmain {
	margin: 0px 0px 0px 0px;
	border-left: 1px solid #CCCCCC;	
	border-right: 1px solid #CCCCCC;
	width:560px;
		padding: 0px 10px 0px 0px;	
}

.indrightpics {
	padding: 0px 0px 0px 10px;
	margin: 10px 0px 0px 0px;	
	width:190px;
	background:#00CC99;
}

.indleft {
	height:100%;
	margin: 0 auto;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 0px;

}


.indleft #Title{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FFFFFF;
	background: #878787;
	padding:20px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	width:190px;
	height:80px;
		font-weight:bold;
}


.indleft #Title h4{
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size:18px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
line-height:20px;
font-weight: lighter;

}

.indleft #Title p{
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size:11px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}



.indleftlist{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	width: 200px;
	margin:0px 0px 10px 0px;
	padding:5px 0px 10px 10px;
	float:left;
	background: #e3e3e3;

}

.indleftlist p{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 15px;
}




.indleftlist li {padding:5px 10px 0px 0px; border:0px solid #C5C5C5; height:auto; list-style:none; }
.indleftlist :hover li {position:relative; float:left; font-size:11px; margin: 0px 0px 0px 0px;}
.indleftlist li a {font-weight:normal; font-size:11px; color: #666666;  text-decoration:none; border:1px solid #C5C5C5; border-width:0 0 0 0px;}
.indleftlist li a.fly {background:#fff 80px 7px no-repeat;}
.indleftlist li a:hover { text-decoration:underline; color:#000000}
.indleftlist li a.fly:hover {}
.indleftlist li:hover > a.fly {} 


.indleft #AdvantageNav3{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:210px;
}


.indleft #Find{
	margin:10px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	width:200px;
}

.FindaProf{
color: #FFFFFF;
	margin:10px 0px 0px 0px;
	padding:3px 0px 5px 10px;
	background: #878787;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
		width:200px;
}




.indleft #AdvantageNav3 a{
color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
		margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
}

.indleft #AdvantageNav3 a:hover{
color: #000000;
text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
}



.indwhatsNewdesc{
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size:12px;
padding: 0px 10px 0px 0px;
margin: 10px 10px 0px 10px;
line-height:18px;
}



.aboutus {
	margin: 20px 0px 0px 30px;
	width:540px;
	top:0;
	
}

.aboutus h4{
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size:22px;
padding: 10px 0px 10px 0px;
margin: 0px 30px 0px 0px;
line-height:22px;
border-bottom: 1px solid #CCCCCC;
}

.aboutus h1{
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size:12px;

}
.aboutus hr{
	margin: 0px 30px 0px 0px;
	width:510px;

}
.aboutus h2{
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 24px;
margin: 0px 40px 0px 0px;
}
.aboutus h1 a{
font-family: Arial, Helvetica, sans-serif;
color: #999999;
font-size:12px;
}
.aboutus h1 a:hover{
color: #CC3300;
text-decoration:underline;

}


.aboutus p{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
padding: 0px 10px 0px 0px;
margin: 10px 30px 0px 0px;
line-height:18px;

}

.aboutus p a{
font-family: Arial, Helvetica, sans-serif;
color: #999999;
font-weight:normal;
text-decoration:none;
}

.aboutus p a:hover{
color: #333333;
text-decoration:underline;
}

.aboutus ul li{
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size:12px;
padding: 0px 0px 0px 0px;
margin: 10px 10px 0px 0px;
line-height:18px;
}

.download{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;

}
.aboutus p.popcastlink a{
font-family: Arial, Helvetica, sans-serif;
color: #0066CC;
font-weight:normal;
text-decoration:underline;

}
.aboutus p a:hover{
color: #CC0000;
text-decoration:underline;
}


.privacystate {
	margin: 20px 20px 20px 10px;
	width:960px;
	
}

.privacystate h4{
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size:22px;
padding: 10px 0px 10px 0px;
margin: 0px 10px 0px 0px;
line-height:22px;
border-bottom: 1px solid #CCCCCC;
}

.privacystate h1{
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size:12px;

}
.privacystate h1 a{
font-family: Arial, Helvetica, sans-serif;
color: #999999;
font-size:12px;
}
.privacystate h1 a:hover{
color: #CC3300;
text-decoration:underline;

}


.privacystate p{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
padding: 0px 10px 0px 0px;
margin: 10px 10px 0px 0px;
line-height:18px;

}

.privacystate p a{
font-family: Arial, Helvetica, sans-serif;
color: #999999;
font-weight:normal;
text-decoration:none;
}

.privacystate p a:hover{
color: #333333;
text-decoration:underline;
}

.privacystate ul li{
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size:12px;
padding: 0px 0px 0px 0px;
margin: 10px 10px 0px 0px;
line-height:18px;
}








.CreditInfo {
	margin: 0px 0px 0px 10px;
	width:560px;
	top:0;
	
}

.CreditInfo h4{
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size:22px;
padding: 10px 0px 10px 0px;
margin: 20px 30px 0px 20px;
line-height:22px;
border-bottom: 1px solid #CCCCCC;
}

.CreditInfo h1{
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size:12px;

}
.CreditInfo h1 a{
font-family: Arial, Helvetica, sans-serif;
color: #999999;
font-size:12px;
}
.CreditInfo h1 a:hover{
color: #CC3300;
text-decoration:underline;

}


.CreditInfo p{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
padding: 0px 20px 0px 0px;
margin: 10px 0px 0px 20px;
line-height:18px;

}


.CreditInfo p span{
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
line-height:18px;
font-weight:bold;
text-decoration:underline;
}


.CreditInfo p a{
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
text-decoration:underline;
color:#358600;
}

.CreditInfo p a:hover{
color: #333333;
text-decoration:underline;
color:#51bf08;
}








/* residential left side page */

.legalleft {
	height:100%;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	background: #e3e3e3;
	width:210px;

}



.legalleft #title{

	background: #878787;
	padding:20px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	width:190px;
		height:90px;
}

}

.legalleft #title h4{
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 18px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
line-height:20px;
}

.legalleft #title p{
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size:11px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}


.legalleft #title form{
padding: 0px 0px 0px 0px;
margin: 10px 0px 0px 0px;
}


.legalleft #title p a{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #CCCCCC;
	text-decoration:none;
}

.legalleft #title p a:hover{
color: #FFFFFF;
text-decoration:underline;
}

.legalleft #title p span{
font-family: Arial, Helvetica, sans-serif;
color: #DBDBDB;
font-size:11px;
}


.legalleft #legleftlist{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin:10px 0px 0px 10px;
	padding:0px 0px 0px 0px;

	list-style:none;
	width:200px; 
}

.legalleft #legleftlist li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	list-style:none;
	padding:0px 0px 0px 0px; 
	margin:2px 0px 2px 0px; 
	width:190px; 

	display:block;

}



.legalleft #legleftlist li a{
display:block;
	margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;  
	width:190px; 

	color: #666666; 
	text-decoration:none; 
	border:0px;
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px; 

}



.legalleft #legleftlist :hover li {display:block; position:relative; width:190px; font-size:11px;}
.legalleft #legleftlist li a.fly {background:#fff 80px 7px no-repeat;	}
.legalleft #legleftlist li a:hover { color:#CC3300;}
.legalleft #legleftlist li a.fly:hover {	line-height:14px; }
.legalleft #legleftlist li:hover > a.fly {} 




.legal {
	margin: 20px 30px 0px 30px;

	width:700px;
	padding: 0px 20px 0px 0px;
}

.legal h4{
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size:22px;
padding: 10px 0px 10px 0px;
margin: 0px 0px 0px 0px;
line-height:22px;
border-bottom: 1px solid #CCCCCC;

}


.legal h4 a {
font-family: Arial, Helvetica, sans-serif;
color: #FF0000;
font-size:12px;
text-decoration: none;

}

.legal h4 a:hover {
font-family: Arial, Helvetica, sans-serif;
color: #FF0000;;
font-size:12px;
text-decoration:underline;

}

.legal li a{
font-family: Arial, Helvetica, sans-serif;
color: #333333;
font-size:12px;
text-decoration:underline;
font-weight:bold;
}

.legal li a:hover{
color: #CC3300;
text-decoration:underline;

}

.legal h1{
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size:12px;

}
.legal h1 a{
font-family: Arial, Helvetica, sans-serif;
color: #333333;
font-size:12px;
text-decoration:underline;
}
.legal h1 a:hover{
color: #CC3300;
text-decoration:underline;

}


.legal p{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
padding: 0px 10px 0px 0px;
margin: 10px 0px 0px 0px;
line-height:18px;
color:#666666;
}

.legal p a {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-weight:bold;
font-size:12px;
text-decoration:underline;
}

.legal p a:hover {
color:  #CC3300;
text-decoration:underline;
}

.legal ul li{
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size:12px;
padding: 0px 0px 0px 0px;
margin: 10px 10px 0px 0px;
line-height:18px;
}











.mappic{
padding: 10px 0px 10px 20px;

}


.callout{
font-family: Arial, Helvetica, sans-serif;
color: #999999;
font-size:16px;
padding: 0px 0px 0px 0px;
margin: 0px 10px 0px 0px;
line-height:20px;
}

.pressdate{

font-size:14px;
font-weight:bold;

}

.storypics {
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 10px;

}



.storypics p{
font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size:11px;
	margin: 0px 0px 0px 0px;
	padding: 4px 2px 4px 2px;
	border-bottom: 1px solid #CCCCCC;
}



.plantspage {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
padding: 8px 4px 8px 8px;
margin: 0px 0px 0px 0px;
border: 1px solid #999999;
height:235px;
width:150px;
}

.plantspage p {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size:12px;
line-height:15px;
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}


.sidepageads{
	width: 200px;
	margin:0px 0px 10px 10px;
	padding:0px 0px 10px 0px;
}

.sidepageadscompletelist{
	width: 200px;
	margin:0px 0px 10px 20px;
	padding:0px 0px 10px 0px;
}

.contactIKO {

		padding: 20px 30px 0px 30px;	
		width:510px;
	
}

.contactIKO h4{
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size:22px;
padding: 10px 0px 10px 0px;
margin: 0px 10px 0px 0px;
line-height:22px;
border-bottom: 1px solid #CCCCCC;
}

.contactIKO p{
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size:12px;
padding: 0px 0px 10px 0px;
margin: 10px 10px 0px 0px;
line-height:18px;
border-bottom:1px solid #999999;
}


.emailfeedback {
	margin: 0px 0px 0px 0px;
	border-left: 1px solid #CCCCCC;	
	border-right: 1px solid #CCCCCC;
	width:559px;
		padding: 0px 0px 0px 10px;	
}

.emailfeedback h4{
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size:22px;
padding: 10px 0px 10px 0px;
margin: 0px 10px 0px 0px;
line-height:22px;
border-bottom: 1px solid #CCCCCC;
}

.emailfeedback p{
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size:12px;
padding: 0px 0px 10px 0px;
margin: 10px 10px 0px 0px;
line-height:18px;
}




.whatsnew {
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 10px 10px;

}



.indrightsidepage1 {
	margin: 0px 0px 10px 10px;
	padding: 0px 0px 10px 10px;
	width:200px;
}

.whatsnewcontain{
	width:510px;
	margin: 20px 30px 0px 30px;
}

.whatsnewcontain h4{
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size:22px;
padding: 10px 0px 10px 0px;
margin: 0px 10px 0px 0px;
line-height:22px;
border-bottom: 1px solid #CCCCCC;
}




.roofingassoc {
	margin: 20px 20px 0px 30px;
	padding:0px 10px 0px 0px;
	width:510px;
}

.roofingassoc h4{
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size:22px;
padding: 10px 0px 10px 0px;
margin: 0px 10px 0px 0px;
line-height:22px;
border-bottom: 1px solid #CCCCCC;
}

.assoc{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom:1px solid #CCCCCC;
}



































.homewelcome {
	font-family: arial, verdana, san-serif;
	padding-right: 10px;
	padding-left: 12px;
	padding-top: 70px;
}
.twoColFixLtHdr #containerhome {
	background: #FFFFFF;
	margin: 0 auto;
	width: 1000px;
}
.twoColFixLtHdr #containermain {
	width: 1000px;
	background: #FFFFFF;
	z-index: 100;
	border: 1px solid #FFFFFF;
	margin: 0 auto;
	text-align: left;
}

.twoColFixLtHdr #container {
	width: 1000px;
	background: #FFFFFF;
	margin: 0 auto;
	z-index: 100;
	border: 0px solid #FFFFFF;

} 
.twoColFixLtHdr #header {
	background: #FFFFFF;
	z-index: 100;
	width: 100%;
	border-top: #D4D0C8;
	border-right: #D4D0C8;
	border-bottom: #D4D0C8;
	border-left: #D4D0C8;

} 
.twoColFixLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */

}


.containerleft {
	background: #FFFFFF;
	margin: 0 auto;
	width: 200px;
}

.containerleft #leftcopy{
font-size:10px;
}

.zippostal {
	top: 5px;
	bottom: 5px;
	padding: 8px;
	background-image: url(../images/res/zippostal_brackets.gif);
	background-repeat: no-repeat;
	background-position: center;
}
.zippostaltop {
	padding: 4px;
	background-repeat: no-repeat;
	background-position: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #333333;
	display:block;
}


.zippostaltop li a{
	background-repeat: no-repeat;
	background-position: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #003333;
	display:block;
}




.advantageleft {
	height:100%;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	display:block;

}



.advleftheader h4{
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 18px;
line-height:20px;
background: #878787;
padding:20px 0px 0px 10px;
	margin: 0px 0px 0px -20px;
	width:200px;
	height:80px;
}




.advantageleftlist{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	color:#FFFFFF;
	width:200px; 

}

.advantageleftlist a{
color: #333333;
display:block;
width:200px; 
margin:3px 0px 0px 0px;
	padding:3px 0px 0px 0px;
	text-decoration:none;	

}





.advantageleftlist #PostalZip{

	background: #878787;
	padding:20px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	width:190px;
}


.advantageleftlist #PostalZip h4{
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 18px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
line-height:20px;
}

.advantageleftlist #PostalZip p{
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size:11px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}









.advantageleftlist #Nav3{
color: #000000;
display:block;
width:210px; 
	background: #FFFFFF;
	margin:0px 0px 0px -20px;
	padding:0px 0px 0px 0px;

}

.advantageleftlist #Nav3 p{
color: #FFFFFF;
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 10px;
		background: #878787;
			font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	width:200px;
}

.advantageleftlist #Nav3 a{
color: #666666;
display:block;
width:200px;
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 10px;
	text-decoration:none;
		background: #e3e3e3;
				border-top: 1px solid #FFFFFF;
}

.advantageleftlist #Nav3 a:hover{
color: #FFFFFF;
display:block;
width:200px;
	text-decoration: none;
		background: #CC3300;

}


/* commercial pages*/


.comleft {
	height:100%;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	display:block;

}



.leftheader{
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 18px;
line-height:20px;
background: #6b86a0;
padding:20px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	width:200px;
	height:80px;
}




.comleftlist{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px 10px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#FFFFFF;
	width:210px;


}

.comleftlist a{
color: #333333;
display:block;
width:200px; 
margin:3px 0px 0px 0px;
	padding:3px 0px 0px 0px;
	text-decoration:none;	
}







.comleftlist #Nav1{
color: #000000;
display:block;
width:200px;


}
.comleftlist #Nav1 a{
color: #333333;
display:block;
width:200px;
	margin:10px 0px 0px 0px;
	padding:5px 0px 5px 10px;
	text-decoration:none;

}





.comleftlist #Nav2{
color: #000000;
display:block;
width:200px;
line-height:14px;


}

.comleftlist #Nav2 p{
color: #000000;
display:block;
line-height:12px;
	margin:5px 10px 5px 10px;
	
}
.comleftlist #Nav2 a{
color: #666666;
display:block;
width:200px;
	margin:0px 0px 0px 0px;
	padding:3px 0px 3px 10px;
	font-size:12px;
	text-decoration:none;
border-bottom:1px solid #FFFFFF;	
}

.comleftlist #Nav2 a:hover{
color: #CC3300;
	text-decoration:none;

}




.comleftlist #Nav3{
color: #000000;
display:block;
width:200px; 
	background: #FFFFFF;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;

}

.comleftlist #Nav3 p{
color: #FFFFFF;
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 10px;
		background: #6b86a1;
			font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	width:200px;
}

.comleftlist #Nav3 h3{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
background: #FFFFFF;
width:200px;
height: 10px;

}
.comleftlist #Nav3 a{
color: #666666;
display:block;
width:200px;
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 10px;
	text-decoration:none;
			background: #e3e3e3;
			border-top:1px solid #FFFFFF;	
}

.comleftlist #Nav3 a:hover{
color: #FFFFFF;
			background: #CC3300;
	text-decoration: none;
	border-top:1px solid #FFFFFF;	
}









.comleftlist #Nav4{
color: #000000;
display:block;
	font-size:12px;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	width:170px; 
}
.comleftlist #Nav4 p{
color: #FFFFFF;
	margin:10px 0px 0px 0px;
	padding:5px 0px 5px 10px;
		background: #336699;
			font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	width:190px;
}


.comleftlist #Nav4 a{
color: #666666;
display:block;
width:160px;
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 0px;
	font-size:10px; 
}

.comleftlist #Nav4 a:hover{
color: #CC3300;

	text-decoration:none;
}















.comleftlist #Nav5 p{
color: #FFFFFF;
	margin:10px 0px 0px 0px;
	padding:5px 0px 5px 10px;
		background: #336699;
			font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	width:190px;
}

.comleftlist #Nav5 a{
color: #666666;
display:block;
width:160px;
	margin:0px 0px 0px 0px;
	padding:3px 0px 3px 10px;
	font-size:12px;
	text-decoration:none;
	
}

.comleftlist #Nav5 a:hover{
color: #CC3300;
	text-decoration:none;

}














.comleftlist #Nav6 p{
color: #FFFFFF;
	margin:10px 0px 0px 0px;
	padding:5px 0px 5px 0px;
		background: #336699;
			font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
width:180px;
}

.comleftlist #Nav6{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:10px; 
}

.comleftlist #Nav6 a{
color: #666666;
display:block;
width:180px;
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 0px;
	font-size:10px; 
}

.comleftlist #Nav6 a:hover{
color: #CC3300;

	text-decoration:none;
}















.comleftlist #Nav8{
color: #000000;
display:block;
width:180px;
line-height:14px;
	margin:0px 0px 0px 0px;
	padding:3px 0px 3px 10px;

}

.comleftlist #Nav8 p{
color: #000000;
display:block;
line-height:12px;
	margin:5px 10px 5px 0px;
	
}
.comleftlist #Nav8 a{
color: #666666;
display:block;

	margin:0px 0px 0px 0px;
	padding:3px 0px 3px 0px;
	font-size:12px;
	text-decoration:none;
border-bottom:1px solid #FFFFFF;	
}

.comleftlist #Nav8 a:hover{
color: #CC3300;
	text-decoration:none;

}













.comleft #comleftlist li a{
	margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;  
	width:200px; 
	line-height:18px; 
	color: #666666; 
	text-decoration:none; 
	border:0px;
}



.comleft #comleftlist :hover li {display:block; position:relative; width:190px; font-size:11px; font-weight:bold; margin: 0px 0px 0px 0px}
.comleft #comleftlist li a.fly {background:#fff 80px 7px no-repeat;}
.comleft #comleftlist li a:hover {text-decoration:underline;}
.comleft #comleftlist li a.fly:hover {}
.comleft #comleftlist li:hover > a.fly {} 



.style29 {font-size: 8pt; color: ; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
.style30 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.style31 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.style33 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; }





.plants{
padding: 0px 10px 15px 10px;
margin: 30px 5px 0px 5px;

}



.locatorcontainer{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border-left:1px solid #CCCCCC;	
}

.locatorcontainer p{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border-left:1px solid #CCCCCC;	
}




.locator {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	width:558px;
	top:0;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

.locator h4{
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size:22px;
padding: 10px 0px 10px 0px;
margin: 20px 30px 0px 16px;
line-height:22px;
border-bottom: 1px solid #CCCCCC;
}

.locator h1{
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size:12px;

}
.locator h1 a{
font-family: Arial, Helvetica, sans-serif;
color: #999999;
font-size:12px;
}
.locator h1 a:hover{
color: #CC3300;
text-decoration:underline;

}


.locator p{
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
padding: 0px 0px 0px 0px;
margin: 20px 30px 0px 16px;
line-height:12px;

}

.locator p a{
font-family: Arial, Helvetica, sans-serif;
color: #999999;
font-weight:normal;

}

.locator p a:hover{
color: #333333;
text-decoration:underline;
}



















.twoColFixLtHdr #containerhome {
	background: #FFFFFF;
	margin: 0 auto;
	border: 1px solid #FFFFFF;
}
.twoColFixLtHdr #containermain {
	width: 800px;
	background: #FFFFFF;
	z-index: 100;
	border: 1px solid #FFFFFF;
	margin: 0 auto;
	text-align: left;
}

.twoColFixLtHdr #container {
	width: 800px;
	background: #FFFFFF;
	margin: 0 auto;
	z-index: 100;
	border: 1px solid #FFFFFF;
	height: 500px;

} 
.twoColFixLtHdr #header {
	background: #FFFFFF;
	z-index: 100;
	width: 100%;
	border-top: #D4D0C8;
	border-right: #D4D0C8;
	border-bottom: #D4D0C8;
	border-left: #D4D0C8;

} 
.twoColFixLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */

}
.twoColFixLtHdr #sidebar0 {
	float: left; /* since this element is floated, a width must be given */
	width: 137px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #ccdbe6 url(../assets/leftnav/ra_sp_guidetoheader.jpg) no-repeat left top; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 15px 15px 10px;
	z-index: 10;
	height: 1600px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #284455;
	border: 1px solid #CCDBE6;
}
.twoColFixLtHdr #sidebar3 {
	float: left; /* since this element is floated, a width must be given */
	width: 139px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFFFFF url(../Advantage/assets/blueprintpages/left_bkgnd.jpg) no-repeat left top; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 15px 0px 10px;
	z-index: 10;
	height: 450px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #284455;
}
.twoColFixLtHdr #sidebarguideto {
	float: left; /* since this element is floated, a width must be given */
	width: 137px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #ccdbe6 url(../Advantage/assets/leftnav/ra_guidetoheader.jpg) no-repeat left top; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 15px 15px 10px;
	z-index: 10;
	height: 700px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #284455;
	border: 1px solid #CCDBE6;
}
.twoColFixLtHdr #sidebarfactors {
	float: left; /* since this element is floated, a width must be given */
	width: 137px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #ccdbe6 url(../Advantage/assets/leftnav/ra_guidetoheader.jpg) no-repeat left top; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 15px 15px 10px;
	z-index: 10;
	height: 1500px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #284455;
	border: 1px solid #CCDBE6;
}
.twoColFixLtHdr #sidebarnewroof {
	float: left; /* since this element is floated, a width must be given */
	width: 137px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #ccdbe6 url(../Advantage/assets/leftnav/ra_guidetoheader.jpg) no-repeat left top; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 15px 15px 10px;
	z-index: 10;
	height: 900px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #284455;
	border: 1px solid #CCDBE6;
}


.twoColFixLtHdr #sidebarenvironment {
	float: left; /* since this element is floated, a width must be given */
	width: 137px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #ccdbe6 url(../Advantage/assets/leftnav/ra_guidetoheader.jpg) no-repeat left top; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 15px 15px 10px;
	z-index: 10;
	height: 700px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #284455;
	border: 1px solid #CCDBE6;
}

.twoColFixLtHdr #sidebarselecting {
	float: left; /* since this element is floated, a width must be given */
	width: 137px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #ccdbe6 url(../Advantage/assets/leftnav/ra_selectingheader.jpg) no-repeat left top; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 15px 15px 10px;
	z-index: 10;
	height: 2100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #284455;
	border: 1px solid #CCDBE6;
}
.twoColFixLtHdr #sidebarquestions {
	float: left; /* since this element is floated, a width must be given */
	width: 137px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #ccdbe6 url(../Advantage/assets/leftnav/ra_guidetoheader.jpg) no-repeat left top; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 15px 15px 10px;
	z-index: 10;
	height: 700px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #284455;
	border: 1px solid #CCDBE6;
}

.twoColFixLtHdr #sidebarselecting2 {
	float: left; /* since this element is floated, a width must be given */
	width: 137px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #ccdbe6 url(../Advantage/assets/leftnav/ra_selectingheader.jpg) no-repeat left top; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 15px 15px 10px;
	z-index: 10;
	height: 900px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #284455;
	border: 1px solid #CCDBE6;
}

.twoColFixLtHdr  #sidebarblueprint {
	float: left; /* since this element is floated, a width must be given */
	width: 137px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #ccdbe6 url(../assets/leftnav/ra_gettingheader.jpg) no-repeat left top; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 15px 15px 10px;
	z-index: 10;
	height: 1600px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #284455;
	border: 1px solid #CCDBE6;
}
.twoColFixLtHdr #sidebarblueprintbandwidth {
	float: left; /* since this element is floated, a width must be given */
	width: 137px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #ccdbe6 url(../Advantage/assets/leftnav/ra_blueprintheader.jpg) no-repeat left top; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 15px 15px 10px;
	z-index: 10;
	height: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #284455;
	border: 1px solid #CCDBE6;
}
.twoColFixLtHdr #mainContentblueprint {
	margin: 0 0px 0 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	z-index: 10;
	width: 636px;
	float: left;
	background-image: url(../Advantage/assets/blueprintpages/topheaderbandwidth.jpg);
	background-repeat: no-repeat;
}



.twoColFixLtHdr  #sidebargetting {
	float: left; /* since this element is floated, a width must be given */
	width: 137px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #ccdbe6 url(../Advantage/assets/leftnav/ra_gettingheader.jpg) no-repeat left top; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 15px 15px 10px;
	z-index: 10;
	height: 1200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #284455;
	border: 1px solid #CCDBE6;
}





.twoColFixLtHdr #headernav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(assets/header/ra_headerbtnback.gif);
	text-align: center;
	height: 36px;
	width: 177px;
}

.twoColFixLtHdr #mainContent {
	margin: 0 10px 0 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	z-index: 10;
	width: 590px;
	float: right;
} 
.twoColFixLtHdr #footer {
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#779CB3;
	border: 1px;
	border-color: #FFFFFF;
	color: #333333;
} 
.twoColFixLtHdr #footer2 {
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#ffffff;
	border: 1px;
	border-color: #FFFFFF;
	color: #333333;
}

.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.twoColFixLtHdr #header #Menu td {
	margin-left: 2px;
	text-align: left;
	z-index: 100;
}
.twoColFixLtHdr #homeContent {
	z-index: 10;
}
.twoColFixLtHdr #videoContent {
	z-index: 50;
	background-position: 0px;
	float: right;
	width: 636px;
}
.twoColFixLtHdr #videoContentmenu {
	margin: 0 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	z-index: 50;
	background-image: none;
	float: right;
	border: 1px solid #333333;
	clear: left;
	background-color: #333333;
}
.twoColFixLtHdr  #mainContentdiv1 {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../Advantage/assets/guidetopages/heatsunpic.jpg);
	background-repeat: no-repeat;
	padding-left: 120px;
	font-size: 11px;
	padding-right: 30px;
	height: 100px;
}
.twoColFixLtHdr #mainContentdiv2 {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../Advantage/assets/guidetopages/ultrasunpic.jpg);
	background-repeat: no-repeat;
	padding-left: 120px;
	font-size: 11px;
	padding-right: 30px;
	height: 100px;
}
.twoColFixLtHdr #mainContentdiv3 {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../Advantage/assets/guidetopages/elementspic.jpg);
	background-repeat: no-repeat;
	padding-left: 120px;
	font-size: 11px;
	padding-right: 30px;
	height: 120px;
}
.resleft {
	margin: 0%;
}






.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.videoscreen {
	margin: 0%;
}


.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.zippostal {
	top: 5px;
	bottom: 5px;
	padding: 8px;
	background-image: url(../images/res/zippostal_brackets.gif);
	background-repeat: no-repeat;
	background-position: center;
}
.zippostaltop {
	padding: 4px;
	background-repeat: no-repeat;
	background-position: center;
}



.tab{
	font-family: arial, verdana, san-serif;
}
.asd{
	text-decoration: none;
	font-family: arial, verdana, san-serif;
	font-size: 12px;
	padding: 0px;
	margin: 3px;
}

#dd {
  margin-left: 25%;
  padding: 0 0 20px 0;
}

#dd li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  font: bold 11px arial;
}

#dd li a.menu {
  display: block;
  text-align: center;
  background: #5970B2;
  padding: 4px 10px;
  margin: 0 1px 0 0;
  color: #FFF;
  width: 60px;
  text-decoration: none;
}

#dd li a.menu:hover {
  background: #49A3FF;
}

.submenu {
  background: #EAEBD8;
  border: 1px solid #5970B2;
  visibility: hidden;
  position: absolute;
  z-index: 3;
}

.submenu a {
  display: block;
  font: 11px arial;
  text-align: left;
  text-decoration: none;
  padding: 5px;
  color: #2875DE;
}

.submenu a:hover {
  background: #49A3FF;
  color: #FFF;
}
.miscSidebar {
	padding: 20px 7px 15px;
	z-index: 10;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
.miscSidebar a {
	float: left; /* since this element is floated, a width must be given */
	width: 124px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 7px;
	z-index: 10;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}

.contactusmain {
	padding-left: 15px;
	padding-top: 20px;
}


.industriesSidebar {
	float: left; /* since this element is floated, a width must be given */
	width: 124px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 20px 7px 15px;
	z-index: 10;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
.industriesPicsLeft {
	margin-right: 15px;
	margin-bottom: 15px;
}
.industriesPicsRight {
	margin-bottom: 15px;
	margin-left: 15px;
}
.twoColFixLtHdr #sidebarPrev {
	float: left; /* since this element is floated, a width must be given */
	width: 139px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */

	background: #FFFFFF url(../PreventVideo/assets/PreventleftEng.jpg) no-repeat left top; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 15px 0px 10px;
	z-index: 10;
	height: 450px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #284455;
}
.twoColFixLtHdr #sidebarPrevFr {
	float: left; /* since this element is floated, a width must be given */
	width: 139px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFFFFF url(../PreventVideo/assets/PreventleftFr.jpg) no-repeat left top; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 15px 0px 10px;
	z-index: 10;
	height: 440px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #284455;
}
.twoColFixLtHdr #footerPrev {
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#29357F;
	border: 1px;
	border-color: #FFFFFF;
	color: #FFFFFF;
}