﻿
body{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:78%;
	color: #666;
	overflow-x:	hidden;
	background: url(/image/background-gradient.gif) repeat-x;
}

a:link{
	text-decoration:none;
	color:#1C7EC2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

a:visited {
	color:#1C7EC2;
}

	
a:hover{
	color:#8DC53F;
}


a:visited:hover {
	color:#8DC53F;
}


.inset-image{
padding: 0px;
	float: left;
	margin: 15px 15px 15px 0px;
}

/* Container/Main */

.container-homepage {
	width: 975px;
	text-align: left;
	padding-top: 0px;
	/*min-height: 1500px;
	max-height: 1500px;*/
	margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
} 

html* .container-homepage {
	width: 975px;
	text-align: left;
	padding-top: 0px;
	/*min-height: 1500px;
	max-height: 1500px;*/
	margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
}


/* Header */

.header-home{
	width: 970px;
	float: left;
} 
*html .header-home{
	float: left;
} 
.search-box{
	margin-top: 20px;
	float: right;
	margin-right: 35px;
}

#search-box-text{
	background: url(/images/global/search_input_bg.png) no-repeat scroll 0 0;
	border:0 none;
	float:left;
	font-size:11px;
	height:18px;
	padding:4px 0 0 4px;
	width:190px;}

*html #search-box-text{
	background: url(/images/global/search_input_bg.png) no-repeat scroll 0 0;
	border:0 none;
	float:left;
	font-size:11px;
	height:18px;
	padding:4px 0 0 4px;
	margin-right:-4px;
	width:190px;}

.header-logo{
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 50px;
	position: relative;
	float: left;
	height: 253px;
	width: 669px;
	padding: 0px;
}

*html .header-logo{
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 50px;
	position: relative;
	float: left;
	height: 253px;
	width: 669px;
	padding: 0px;
}

#cse-search-box {
padding-top: 0px;
margin-top: 8px;
float: right;}

*html #cse-search-box {
padding-top: 0px;
margin-top: 18px;
float: right;}

.regions {
height: 0px;
width: 210px;
position: relative;
top: -282px;
left: 445px;
font-size: 10px;
margin-bottom: -5px;
}

#country-select {
font-size: 10px;}

/* Main Nav Unordered Lists */
/*
.main-nav{
margin-left: -39px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	background-image: url(/images/global/constructchem/nav_bg.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 960px;
}*/

.main-nav-homepage {
margin-left: -80px;
	float: left;
	display: inline;
	font-size: 14px;
	font-weight: bold;
}

*html .main-nav-homepage {
margin-left: -80px;
	float: left;
	display: inline;
	font-size: 14px;
	font-weight: bold;
}

.main-nav-homepage ul {
width: 910px;
	padding: 0px;
	list-style: none;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 150px;
}

*html .main-nav-homepage ul {
width: 900px;
	padding: 0px;
	list-style: none;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 85px;
}
.main-nav-homepage ul li{
padding: 0px;
display: inline;
float: left;
}

*html .main-nav-homepage ul li{
padding: 0px;
display: inline;
float: left;
}
.main-nav-homepage a:link, .main-nav-homepage a:visited {
	font-family: Arial, "Myriad Pro", "Helvetica Neue", Verdana, sans-serif;
	display: inline;
	color: #1C75BC;
	text-decoration: none;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-size: 14px;
}

*html .main-nav-homepage a:link, .main-nav-homepage a:visited {
	font-family: Arial, "Myriad Pro", "Helvetica Neue", Verdana, sans-serif;
	display: inline;
	color: #1C75BC;
	text-decoration: none;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-size: 14px;
}

.main-nav-homepage a:hover, .main-nav-homepage a:visited:hover {
	color: #8CC53F;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-size: 14px;
}

*html .main-nav-homepage a:hover, .main-nav-homepage a:visited:hover {
	color: #8CC53F;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-size: 14px;
}
/*Nav Area*/



/*html .nav-area-homepage{
	width: 168px;
	clear: right;
	float: left;
	margin-top: 0px;
	display: inline;
	margin-left: 0px;
}*/
.countdown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #1C75BC;
	background-image: url(/image/calendar.png);
	background-repeat: no-repeat;
	float: right;
	width: 190px;
	background-position: right;
	padding-top: 20px;
	padding-left: 40px;
	margin-top: 30px;
	margin-right: 40px;
	padding-bottom: 20px;
}
*html .countdown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #1C75BC;
	background-image: url(/image/calendar.png);
	background-repeat: no-repeat;
	float: right;
	width: 190px;
	background-position: right;
	padding-top: 20px;
	padding-left: 40px;
	margin-top: 30px;
	margin-right: 10px;
	padding-bottom: 20px;
}

#countdown_text {
display: none;
}

/*
#countdown_text {
position: absolute;
	top: 60px;
	left: 890px;
	color: #8DC63F;
	font-weight: bold;
	font-size: 25px;
	width: 38px;
	height: 26px;
	text-align: center;
}

*html #countdown_text {
	position: absolute;
	top: 65px;
	left: 905px;
	color: #8DC63F;
	font-weight: bold;
	font-size: 25px;
	width: 38px;
	height: 26px;
	text-align: center;
}*/

.primary-nav-homepage ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: left;
}
*html .primary-nav-homepage ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: left;
}
*html .primary-nav-philly ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: left;
	list-style: none;
}
.primary-nav-homepage ul li{
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1C75C3;
	clear: none;
	float: left;
	text-align: left;
	width: 168px;
	vertical-align: bottom;
	font-weight: bold;
	padding-top: 2px;
}
*html .primary-nav-homepage ul li{
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1C75C3;
	clear: none;
	float: left;
	text-align: left;
	width: 168px;
	vertical-align: bottom;
	font-weight: bold;
	padding-top: 2px;
}
*html .primary-nav-philly ul li{
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1C75C3;
	clear: none;
	float: left;
	text-align: left;
	width: 168px;
	vertical-align: bottom;
	font-weight: bold;
	padding-top: 2px;
	list-style: none;
}
.primary-nav-homepage a:link, .primary-nav-homepage a:visited{
	color: #1B77BD;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}
*html .primary-nav-homepage a:link, .primary-nav-homepage a:visited{
	color: #1B77BD;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}
.primary-nav-philly a:link, .primary-nav-philly a:visited{
	color: #1B77BD;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}
*html .primary-nav-philly a:link, .primary-nav-philly a:visited{
	color: #1B77BD;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}
.primary-nav-homepage a:hover{
	color:#8CC53F;
	text-decoration:none;
}
*html .primary-nav-homepage a:hover{
	color:#8CC53F;
	text-decoration:none;
}
.primary-nav-philly a:hover{
	color:#8CC53F;
	text-decoration:none;
}
*html .primary-nav-philly a:hover{
	color:#8CC53F;
	text-decoration:none;
}

/* Main Image */

*html .main-image-homepage {
padding-bottom: 0px;
margin-bottom: -3px;
}

.main-image-homepage {
	margin-bottom: 12px;
	clear: both;
	float: none;
	height: 202px;
	width: 960px;
	vertical-align: middle;
	padding: 0px;
	background-image: url(/images/global/retrophilly/main_image_homepage.jpg);
	background-repeat: no-repeat;
}

.main-image-homepage img {
position: relative;
z-index: 2;}

.main-image-homepage ul {
margin: -120px 0px 0px 28px;
padding: 0px;
list-style:none;}

.main-image-content-homepage{
	position: relative;
	top:-70px;
	vertical-align: middle;
	margin: auto;
	height: 202px;
}

.main-image-content-homepage ul li{
}

.main-image-content-homepage ul{
	margin: 0px;
	padding: 40px;
	list-style:none;
}

/*Main Image Generic*/



/* IMPORTANT 

.main-image-generic {
	z-index:1;
	position:relative;
	margin: auto;
	clear: both;
	float: none;
	width: 882px;
	height: 106px;
}*/

/* Content Area */

.column-wrapper-homepage{
width: 970px;
	float:left;
}
*html .column-wrapper-homepage{
	float:left;
	/*width: 800px;*/
	/*background-image: url(/images/global/retrophilly/bg-home-content.gif);
	background-repeat: repeat-y;*/
}




.content-area-homepage a:link, .content-area-homepage a:visited{
font-weight: normal;
font-size: 12px;
	text-decoration: underline;
	color: #1C75BC;
}

.content-area-homepage a:hover, .content-area-homepage a:visited:hover {
font-weight: normal;
font-size: 12px;
	text-decoration: underline;
	color:#8DC53F;
}

/* Homepage */

.content-A h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-right: 0;
	margin-left: 0px;
	width: 100%;
	float: left;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	text-align: left;
	color: #bbb;
}

.content-A-homepage p {
}

*html .content-area-homepage {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}

.content-area-homepage {
margin: 0px 0px 0px 0px;
padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}

.content-area-homepage ul {
margin-left: 0px;
padding-left: 15px;
list-style: none;
}

.content-area-homepage ul li {background:url(/images/global/constructchem/grey_bullet.gif) no-repeat 1px 0px;
padding-left:12px;
display:block;}

.content-homepage{
padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #666;
}

.content-A-homepage{
margin-right: 0px;
padding-right: 0px;
margin-left: 0px;
	margin-top: 0px;
	float:left;
	color: #666;
	font-size: 12px;
	width:620px;
	padding-top: 25px;
	font-family: Arial, Helvetica, sans-serif;
} 

*html .content-A-homepage{
margin-right: 0px;
padding-right: 0px;
margin-left: 0px;
	margin-top: 0px;
	float:left;
	font-size: 12px;
	width:620px;
	padding-top: 25px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
} 

.content-A-homepage ul {
padding-left: 15px;
list-style: none;
}


*html .content-A-homepage ul {
padding-left: 15px;
list-style: none;
}

.content-B-homepage{
	float:right;
	font-size: 12px;
	width:720px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
} 

/*
.content-B-homepage{
	background-color: #fff;
	color:#999999;
	float:right;
	font-size:12px;
	padding-left:15px;
	width:192px;
	margin-top: 10px;
}

.content-B-homepage p {
margin-top: 10px;
padding-left: 15px;}
	
/* Other */

.column-wrapper-other{
	margin-top:-18px;
	width:100%;}

.content-area-other{
	width: 882px;
    float:left;
	margin-top:-2px;}

.content-other{
	float:left;
	width:100%;}

.content-A-other{
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
	margin: 20px;
}

/* Title */

.title, .title-homepage{
	display:none;}

.title2{
	font-size: 20px;
	font-weight: normal;
	text-decoration:none;
	color: #6AAA1C;
}

.title2 a:link, .title2 a:visited{
	
}

.title2 a:hover{
	font-size: 20px;
	font-weight: normal;
	text-decoration:none;
	color: #6AAA1C;
}
	
.subhead{
	color:#666666;
	font-size:15px;
	margin:0;
	padding-top:4px;
	margin-bottom:-3px;}
	
/* Breadcrumb */

.breadcrumb{
	width: 882px;
	float: left;
	float:none;
	font-size:10px;
	font-weight:normal;
	height:36px;
	padding-top:6px;
	clear: both;
	margin: auto;
	font-family: Arial, Helvetica, sans-serif;
	color: #1C75BC;
}
	
.breadcrumb a:link, .breadcrumb a:visited{
	color:#1C7EC2;
	text-decoration:none;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	margin: auto;
}
	
.breadcrumb a:hover{
	color:#1C7DC1;
	text-decoration:none;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	margin: auto;
}

/* Footer */

.footer{
width: 960px;
	clear: both;
	background-image: url(/image/footer.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: left;
}

.global-footer {
width: 960px;
}

.global-footer p {
margin: 10px 0px 20px 50px;
}

/*.footer-links{
	float:left;
	border-top:2px solid #666666;
	padding-top: 10px;
	height:36px;
}

.footer-links a:link, a:visited{
	font-size: 10px;
	font-weight:bold;
	color: #666;
	text-decoration:none;
	margin-right:10px;
}

.footer-links a:hover{
	font-size: 12px;
	font-weight:bold;
	color: #666666;
	text-decoration:none;}*/
	
.philly-logo {
	padding-left: 250px;
	padding-top: 25px;
	padding-right: 20px;
	float: left;
	display: inline;
}
	
	.eca-logo {
	padding-top: 20px;
	padding-right: 25px;
	float: left;
	display: inline;
}


.dd-logo {
padding-top: 45px;
padding-right: 25px;
	float: left;
	display: inline;
}

.green-logo {
padding-top: 40px;
	float: left;
	display: inline;
}


.tablehead{
	color: #eee;
	font-weight: bold;
	font-size: 94%;
	background-color: #696969;}

.table-heading{
	color: #eee;
	font-weight: bold;
	font-size: 94%;
	background-color: #696969;}

.table-subheading{
	color: black;
	font-weight: bold;
	background-color: #999;
	vertical-align: bottom;}

.tablesubhead{
	color: black;
	font-weight: bold;
	font-size: 94%;
	background-color: #999;}

/* Other*/

div.clearfloats {
clear: both;}

/*---external link icon---------------------------*/

.externalLink {
	padding-right: 15px;
	background: transparent url(/images/global/external.gif) no-repeat center right;
}
/*-------------------------------*/
.content-B h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #7AB41C;
	float: left;
	width: 90%;
	text-transform: capitalize;
	margin: auto;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 15px;
}
.content-B-Homepage-Container {
	clear: none;
	float: left;
	height: 393px;
	width: 310px;
	background-color: #FFF;
	margin-right: 150px;
	margin-bottom: 12px;
}


.content-C {
	clear: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	float: left;
	margin: auto;
	font-size: 12px;
	background-color: #FFF;
	width: 660px;
	padding: 15px;
	height: 400px;
}
.content-C h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #7AB41C;
	float: left;
	margin: auto;
	padding-right: 15px;
	padding-left: 0px;
	padding-top: 5px;
	clear: both;
	padding-bottom: 15px;
	width: 660px;
	text-align: left;
}
.primary-nav-homepage {
	float: left;
	width: 223px;
	height: 513px;
	/*background-image: url(/images/global/retrophilly/links.png);
	background-repeat: no-repeat; */
	margin-top: -35px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-right: 0px;
}
.primary-nav-philly {
	float: left;
	width: 223px;
	height: 513px;
	/*background-image: url(/image/links.png);
	background-repeat: no-repeat;*/
	margin: 0 0 0 -250px;
	/*margin-left: 30px;
	margin-right: 0px;
	margin-bottom: 0px;*/
	padding-right: 0px;
	list-style: none;
}
*html  .primary-nav-philly {
	float: left;
	width: 223px;
	height: 513px;
	/*background-image: url(/image/links.png);
	background-repeat: no-repeat;*/
	margin: 0 0 0 -250px;
	/*margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;*/
	padding-right: 0px;
}
.builders {
	padding-top: 95px;
	padding-left: 92px;
	list-style: none;
}
*html .builders {
	padding-top: 115px;
	padding-left: 42px;
	list-style: none;
}

.media {
position: relative;
z-index: 1;
top: -60px;
left: 45px;
padding: 0px;
margin: 0px;
	list-style: none;
}

*:first-child+html .media  {
top: -140px;
left: 0px;
}

*html .media {
}

.homeowners {
	padding-left: 92px;
	padding-top: 115px;
	list-style: none;
}
*html .homeowners {
	padding-left: 42px;
	padding-top: 120px;
	list-style: none;
}
*:first-child+html .homeowners {
	padding-left: 42px;
	padding-top: 120px;
	list-style: none;
}
*:first-child+html .media {
	padding-top: 72px;
	padding-left: 52px;
	list-style: none;
}
*:first-child+html .builders {
	padding-top: 96px;
	padding-left: 52px;
	list-style: none;
}
.twitter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #1C75BC;
	background-image: url(/image/twitter.png);
	background-repeat: no-repeat;
	float: right;
	width: 110px;
	background-position: right;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
	margin-top: -20px;
	margin-right: 40px;
}
*html .twitter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #1C75BC;
	background-image: url(/image/twitter.png);
	background-repeat: no-repeat;
	float: right;
	width: 110px;
	background-position: right;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
	margin-top: -15px;
	margin-right: 10px;
}
.facebook {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #1C75BC;
	background-image: url(/image/facebook.png);
	background-repeat: no-repeat;
	float: right;
	width: 130px;
	background-position: right;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
	margin-top: -20px;
	margin-right: 40px;
}
*html .facebook {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #1C75BC;
	background-image: url(/image/facebook.png);
	background-repeat: no-repeat;
	float: right;
	width: 130px;
	background-position: right;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
	margin-top: -15px;
	margin-right: 10px;
}

.ret-updates
{
float:right;
margin-top:-260px;
margin-right:35px;
width: 220px;
}

*:first-child+html .ret-updates {
	margin-top:-220px;
}

*html .ret-updates
{ margin-top:-210px; margin-right:20px;}

.ret-updates p
{
	margin:0 0 5px 0;
	font-family:arial; font-size:12px;
}

.social-media
{
	font-weight:bold;
	text-transform:capitalize;
}

/*404 & 403 Errors*****************************************/
.container-errorpage{
	margin: 0 auto;
    padding-top: 0;
    text-align: left;
    width: 975px;
}
.errorpage{}
.errorpage a{}
.errorpage a:visited{}
.errorpage a img{}
.errorpage ul{
	list-style:none;
	margin:20px 0 0 7px;
}
.errorpage ul li{}
.errorpage ul li a{}
.main-errorpage{}
.msgText{
	font-style: italic;
    margin: 0 0 0 45px;
	font-size:15px;
}
.msgTitle{
	font-size:18px;
	margin:7px 0;
}
.msgTitle img{
	margin:-8px 6px 0 0;
}
#supportInfo{
	margin:10px 0 0 44px;
	color:#999;
}

