@charset "utf-8";
/* CSS Document */

/*****************************/
/* Color Layout:     Charles Dark-Blue    */
/*                           */
/* Base Color:       #0000AA */
/* Dark Border:      #223E62 */
/* Light Background: #EEEEEE */
/* H2 Color:         #7777FF */
/* Border Bottom:    #ABD0FF */
/* Phone Accent:     #0000AA */
/*                           */
/* Navigation Colors         */
/*                           */
/* Text Color:       #000000 */
/* Text Color Hover: #223E62 */
/* Background:       #D5E7FF */
/* Background Hover: #223E62 */
/*                           */
/* Form Colors               */
/*                           */
/* Form Background:  #9EAFC0; */
/* Form Border:      #000000; */
/*                           */
/*****************************/

/*****************************/
/* START BASIC LAYOUT STYLES */
/*****************************/
body {
	text-align: center;
	background-color: #000000;
	padding-bottom: 0px;
	padding-top: 0px;
}
#containerWrapper {
	/*this is used because the background gradient is of a finite width*/
	background: #0000AA url(../images/shared/backgrounds/horiz_black_trans_gradient.png) repeat-y center;
	width: 1024px;
/*	padding-top: 20px;*/
}
.container {
	text-align: left;
	width: 995px;
	margin: 0px auto;
	/*padding: 1px;*/
	background-color: #FFFFFF;
	border: solid 1px #fff; /*CCCCCC;*/
}
#topHeader {
	background: transparent url(../images/shared/backgrounds/vert_gray_white_gradient_225.gif) repeat-x scroll 0 -30px;
	width: 100%;
	border-bottom: 1px solid darkgray;
}
#topHeader table {
	max-width: 550px;
	float: left;
}
#topHeader #campaignIcon {
	margin-left: .5em;
	margin-top: .5em;
}
#campaignIcon h1 {
	color: #444;
	font-size: 160%;
	margin-top: -0.1em;
	margin-bottom: -0.1em;
}
#campaignIcon h2 {
	color: #0000AA;
	font-weight: normal;
	font-size: 90%;
}
#topHeader #campaignIcon a {
	text-decoration: none;
}
#topHeader #campaignIcon .companyName {
	background-color: #000000;
}
#topHeader #campaignIcon .companyName a {
	color: #FFFFFF;
}
#topHeader #campaignIcon .campaignName {
	background-color: #FFFFFF;
}
#topHeader #campaignIcon .campaignName a {
	color: #000000;
	font-style: italic;
}
.smilingWoman {
	display: inline-block; *display:inline; zoom:1;
	vertical-align: middle;
	/*float: right;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;*/
	position: relative;
	left: 1px;
}
.smilingWoman img {
	height: 50px;
	margin: 0;
}
.bbbLogo, .freeQuotesLogo {
	height: 50px;
	display: inline-block; *display:inline; zoom:1;
	vertical-align: top;
	margin:.5em;
}
.topPhone {
	display: inline-block; *display:inline; zoom:1;
	/*float: right;*/
	padding: 2px;
	text-align: center;
	vertical-align: middle;
}
.assignedTopPhone {
	color: #FF0000;
	font-size: 20px;
	white-space: nowrap;
}
.topPhone strong {
	font-size: 18px;
}
.topContent {
	border: 1px solid transparent;
	background-color: #EEEEEE;
	clear: both;
}
#bannerWrapper #banner {
	width: 800px;
	height: 261px;
	background: url(../images/shared/banners/multisite-charles/plumbing.jpg) no-repeat;
	float: left;
	position: relative;
	margin-right: 1px;
}
#banner #encouragement {
	position: absolute;
	bottom: 7px;
	left: 7px;
	width: auto; /*520px*/
	padding: 5px 8px; /* 2 8 */
	background: url(../images/shared/backgrounds/vert_white_black_gradient_40.gif) repeat-x #FFFFFF bottom; 
	border: solid 1px #777;
	text-align: center;
	font-size: 11px;
	color: #000; /*0000AA;*/
}
#encouragement h3 {
	font-weight: normal;
}
#encouragement li {
	display: inline;
}
#encouragement p {
	margin: 0px;
}
#bannerWrapper #cityImage {
	width: 194px;
	height: 130px;
	background: url(../images/shared/cities/lehigh-valley-pa.jpg) no-repeat 0 0;
	float: right;
	margin-bottom: 1px;
}
#bannerWrapper #industryImage {
	width: 194px;
	height: 130px;
	background: url(https://www.lehighvalleyplumbing.com/images/shared/sites/plumbing-installation.jpg) no-repeat 0 0;
	float: right;
}
#bannerWrapper #couponContainer {
	width: 188px;
	height: 124px;
	float: right;
	padding: 2px;
	border: 1px solid #223E62;
}
#bannerWrapper #couponContainer #couponHeader {
	padding: 2px;
	font-size: 180%;
	color: #FFFFFF;
	background-color: #0000AA;
}
#bannerWrapper #couponContainer #couponHeader p {
	margin: 0;
	margin-top: 2px;
	text-align: center;
	font-size: 22px;
	/*font-weight: bold;*/
}
#bannerWrapper #couponContainer .verticalCenter {
	height: 98px;
}
#bannerWrapper #couponContainer .verticalCenter p {
	text-align: center;
	font-size: 16px;
	/*font-weight: bold;
	font-style: italic;*/
}
.divider {
	height: 5px;
	margin-top: 1px;
	margin-bottom: 1px;
}
#column1 .divider {
	margin-right: 0px;
	/*margin-left: 1px;*/
	background-color: #0000AA;
}
#column2 .divider {
	background-color: #000000;
	/*margin-left: 1px;*/
	/*margin-bottom: 10px;
	margin-top: 10px;*/
}
.container #column2 .dividerFirst {
	margin-top: 1px;
}
#column1, #column2 {
	color: #464545;
	float: left;
}
#column1 {
	width: 249px;
	border-right: solid 1px #ddd;
}
#column1 hr {
	margin-right: 4px;
}
#column2 {
	padding: 0px;
	width: 745px;
	/*font-size: 12px;*/
	margin-left:-1px;
	border-left: solid 1px #ddd;
}
#column2 h1 {
	font-size: 170%;
	/*margin: 5px;*/
}
#column2 #industryText {
	margin-right: 20px;
	margin-left: 20px;
}
#column2 h4 {
	font-size: 110%;
	/*font-weight: bold;*/
}
#rightContent {
	float: right;
	width: 200px;
	background: #FFFFFF;
	text-align: center;

	padding-left: 1.25em;
	margin-left: 1em;
	border-left: solid 1px #eee;
	margin-top: -2em;
	margin-right: -2em;
	padding-bottom: .5em;
	margin-bottom: .5em;
}
#rightContent div {
	margin-top: 1em;
	margin-bottom: 1em;
}
#rightContent div.companyLogo {
	margin-top: 0;
}
.leftContent {
	float: left;
	width: 184px;
}
#navigation,
#contractorsMenu {
	background: transparent url(../images/shared/backgrounds/vert_gray_white_gradient_225.gif) repeat-x scroll 0 0;
	/*padding: 2px;*/
}
#navigation h2 {
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 22px;
}
#navigation ul,
#contractorsMenu ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
	margin-bottom: 0px;
}
#navigation li,
#contractorsMenu li {
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #CCCCCC;
	padding: 5px 0px 5px 20px;
	margin: 0px;
	background: none;
	font-size: 14px;
}
#contractorsMenu li {
	font-weight: bold;
}
#navigation li:hover,
#contractorsMenu li:hover{
	background-color: #FFE9AB;
}
#navigation li.andMore{
	background: #ccc;
	cursor: default;
}
#navigation li.andMore:hover{
	background: #ccc;
}
#navigation a,
#contractorsMenu a {
	text-decoration: none;
	color: #000000;
}
#contractorsMenu a {
	font-weight: bold;
}
#navigation a:hover,
#contractorsMenu a:hover {
	text-decoration: underline;
	color: #223E62;
}
#areaMap {
	margin-left: 5px;
	margin-right: 5px;
}
#areaMap h2 {
	font-weight: normal;
	font-size: 100%;
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#industryText {

}
.centerContent {
	float: left;
	width: 100%;
}
.main {
	margin: 2.5em;
	margin-top: 2em;
}
#movie {
	margin-top: 10px
}
.form {
	background: repeat-x url(../images/shared/backgrounds/vert_gray_white_gradient_225.gif);
	padding: .2em;
	padding-top:.55em;
	padding-bottom:.6em;
}
.form h3 {
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 2px;
	padding-bottom: 2px;
	font-size: 16px;
	border-bottom: 2px solid black;
	text-align:center;
}
.form input, .form textarea {
	border: solid 1px #ccc;
	padding: .1em;
	/*padding-bottom: .03em;*/
}
.bannerPhone {
	position: absolute;
	bottom: 24px;
	right: 10px;
	font-size: 20px;
	color: #FFFFFF;
	font-weight: bold;
}
.relatedSites {
	border: solid 5px white;
	background-color: black;
	color: white;
	font-size: 11px;
	padding: 10px 80px;
	width: 679px;
	margin: 50px auto 0px auto;
}
.relatedSites a, .footer a, .footer {
	color: white;
	font-size: 11px;
}
.relatedSites span.heading {
	display: block;
	color: #7777FF;
	font-size: 20px;
}
.footer {
	width: 100%;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	background-color: #000000;
	text-align: center;
}
/***************************/
/* END BASIC LAYOUT STYLES */
/***************************/


/*****************************/
/* START BASIC DESIGN STYLES */
/*****************************/
body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
}
p {
	margin-bottom: 10px;
}
.recentRequest p {
	margin:0;
}
.navPhone
{
	font-weight: bold;
	padding: .7em;
	font-size: 14px;
	color: #0000AA;
	background: url(../images/shared/backgrounds/vert_white_black_gradient_40.gif) repeat-x #FFFFFF bottom; 
	text-align: left;
}
.navPhone .phoneNumber
{
	font-size: 30px;
	text-align: center;
}
h1#mainTitle {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	text-align: center;
	font-weight: normal;
}
h2#mainTitle {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	text-align: center;
	font-weight: normal;
}

.topCompanyName{
	font-size: 24px;
	font-weight: bold;
	color: #ffffff;
}
.topCompanyMotto{
	font-size: 10px;
	font-weight: bold;
	padding-left: 20px;
}
.contentRight h2 {
	font-size: 18px;
	border-bottom: 2px solid #ABD0FF;
	padding-bottom: 4px;
/*	margin-right: 5px;*/
	margin-bottom: 4px;
	color: #7777FF;
}
.contentLeft h2 {
	font-size: 18px;
	border-bottom: 2px solid #ABD0FF;
	padding-bottom: 4px;
/*	margin-right: 5px;*/
	margin-bottom: 4px;
	color: #7777FF;
}
.mediumText {
	font-size: 12px;
}
.centerAlign {
	text-align: center;
}.whiteFont {
	color: #FFFFFF;
}
.blackFont {
	color: #000000;
}
.smallText {
	font-size: 10px;
}
.blockElement {
	display: block;
}
.mottoBox{
	padding: 10px;
	background: #EEEEEE;
	border: 1px solid #223E62;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight: bold;
}
h3{
	font-size: 14px;
	font-weight: bold;
}
li {
	list-style-position: inside;
	/*
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(../images/shared/testTemplate/bullets/bullet_black_16x16.png) no-repeat scroll left -2px;
	margin: 2px 0;
	padding-left: 20px;
	list-style: none;
	*/
}
.contentRight li {
	background: url(../images/shared/bullets/raquo.gif) left -2px no-repeat;
}
.redFont {
	color: #0000AA;
}
#column1 img {
	max-width: 170px;
	/*width: expression(this.width > 350 ? 350: true);
	margin: 5px;*/
}
#banner img {
	max-width: 175px;
	max-height: 75px;
	-webkit-box-shadow: 0px 0px 15px  #777;
	-moz-box-shadow: 0px 0px 15px #777;
	box-shadow: 0px 0px 15px #777;
	padding: 2px;
	background: #fff;
}
.shrinkWrap {
	margin-left: auto;
	margin-right: auto;
	clear: both;
	text-align: center;
}
.shrinkWrapNoClear {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
/***************************/
/* END BASIC DESIGN STYLES */
/***************************/

/*********************/
/* START FORM STYLES */
/*********************/
.textInput {
	width: 110px;
	margin: 5px 0px;
	padding: 2px 0px;
	font-size: 10px;
	color: #223E62;
}
.textareaInput {
	width: 150px;
	height: 100px;
	font-size: 10px;
	color: #223E62;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}
.submitInput {
	border: 2px solid #223E62;
	background: #FFFFFF;
	margin: 5px;
}
.formButton, .form form input.formButton {
	background-color: #0000AA;
	padding: .2em;
	padding-bottom: .1em;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	margin-top: .55em;
	cursor: pointer;
}
/*******************/
/* END FORM STYLES */
/*******************/
form {
	font-size: .8em;
}
form table {
	width: 100%;
}
form td {
	color: #0000AA;
	padding: 2px .6em 2px 2px;
}
form th {
	font-weight: bold;
	/*font-size: 10px;*/
	text-align: right;
	padding: 2px 5px 2px 0px;
	width: 35%;
}
form th.header {
	text-align: center;
}
form #comments {
	height: 65px;
}
form #city,
form #comments,
form #email,
form #first_name,
form #last_name,
form #phone,
form #service,
form #state,
form #street_address,
form #street_address_2,
form #company_name,
form #zip {
	width: 100%;
}
form #budget,
form #completion_time,
form #main_concern,
form #service,
form #service_date_request,
form #state,
form #type_of_project,
form #best_time,
form #current_portfolio,
form #number_of_employees {
	width: 100%;
}
form #city_state_zip #city,
form #city_state_zip #state,
form #first_last_name #first_name,
form #phone_email #phone,
form #zip_phone_email #phone,
form #zip_phone_email #zip {
	margin-right: 2px;
}
form #city_state_zip #city,
form #city_state_zip #state {
	width: 86px;
}
form #city_state_zip #zip,
form #zip_phone_email #zip {
	width: 46px;
}
form #first_last_name #first_name,
form #first_last_name #last_name,
form #phone_email #email,
form #phone_email #phone {
	width: 112px;
}
form #zip_phone_email #email,
form #zip_phone_email #phone {
	width: 86px;
}
*/
.module {
	background-color: #9EAFC0;
	font-size: 14px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #3D78A4;
}
.module h1 {
	text-align: center;
}
.module h3 {
	font-size: 13px;
}
.module a {
	color: #000000;
	font-size: 12px;
}
.module a:hover {
	color: #464545;
}
.serviceAreas {
	margin-bottom: 10px;
	font-size: 12px;
	padding: 5px;
	margin-left: 5px;
}
#industryText .title {
	font-size: 120%;
	margin-bottom: 10px;
}
#recentRequestsPage .recentRequest {
	margin: 3em 0px;
}
#recentRequests {
	padding: 1.2em;
	text-align: center;
	/*background: transparent url(../images/shared/backgrounds/vert_gray_white_gradient_225.gif) repeat-x scroll 0 0;*/
	border-bottom: solid 1px #eee;
}
#recentRequests h4 {
	font-size: 130%;
	text-align: center;
	margin-bottom: 10px;
}
#couponTable {
	/*margin: 10px;*/
	max-width: 200px;
	font-size: 80%;
	text-align: center;
	border: 1px solid #223E62;
	display: inline-block; *display:inline; zoom:1;
	vertical-align: top;
	margin: .5em;
}
#couponTable .coupon {
	width: 48%;
	/*border-left: solid 1px #223E62;
	border-right: solid 1px #223E62;*/
	padding: 5px;
}
#couponTable .finePrint {
	border-left: solid 1px #223E62;
	border-right: solid 1px #223E62;
	border-bottom: solid 1px #223E62;
}
#couponTable h4 {
	padding: 2px;
	font-size: 180%;
	color: #FFFFFF;
	background: #0000AA;
}
/*
#paymentMethods {
	text-align: left;
	margin: 1em;
	font-size: .8em;
}
*/
#paymentMethods span {
	display: block;
}
#paymentMethods img {
	margin: 5px 5px 5px 0px;
}
/*
#awards, #professionalAssociations {
	margin-top: 10px;
}
*/
.gallery {
	margin-top: 1.5em;
}
.gallery div div img {
	height: auto !important;
	height: 175px;
	max-height: 175px;
	
	width: auto !important;
	width: 175px;
	max-width: 175px;

	border: solid 1px #ccc;
}
.gallery div {
	display: inline-block; *display:inline; zoom:1;
	vertical-align: top;
	margin: .4em;
	max-width: 200px;
}
.gallery div div {
	display: block;
}
#employeeScreening {
	/*font-size: 14px;*/
	padding: .5em;
	/*border: 1px solid #0000AA;*/
	/*color: #0000AA;*/
}
#employeeScreening .weScreen {
	background-color: #FFFFFF;
}
#employeeScreening .screeningProcess {
	margin-top: 10px;
}
.testimonial {
	margin: .5em;
	margin-bottom: 1.5em;
	/*font-size: .8em;*/
}
.testimonial.centerText {
	border-top: solid 1px #eee;
	padding-top: 1.75em;
	color: #669;
}
a.testimonialLink {
	text-decoration: none;
	color: inherit;
}
#testimonials {
	/*margin-top: 5px;*/
	margin-top: 1em;
}
#testimonials .testimonial {
	/*font-size: 14px;*/
	background: none;
}
#serviceGuarantees, #professionalAssociations, #warranties, #coupons, #awards, .gallery {
	margin-bottom: 1.5em;
	padding-top: 1.5em;
	border-top: solid 1px #eee;
}
.gallery.full, #column1 #serviceGuarantees {
	border: none;
	padding: 0;
	padding-top: .3em;
}
#column1 #professionalAssociations {
	padding-top: .3em;
}
#column1 .association, #column1 .serviceGuarantee {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	margin-left: 1em;
	margin-right: 1em;
}
#column1 h3 {
	margin-top: .5em;
	margin-bottom: .5em;
	font-size: 115%;
}
#column1 #recentRequests h3 {
	margin-top:0;
}
#serviceGuarantees h3, #professionalAssociations h3, #warranties h3, #coupons h3, #awards h3 {
	margin-bottom: .5em;
}
#postContent .award, #postContent .association, #postContent .coupon, #postContent .serviceGuarantee, #postContent .warranty, #postContent .generic {
	margin: .3em;
	display: inline-block; *display:inline; zoom:1;
	vertical-align: top;
	max-width: 200px;
	text-align: center;
}
#contactPage {
	margin-top: 10px;
}
#contactPage .phone {
	font-weight: bold;
	color: #0000AA;
}
#contactPage .multiplePhones .phone {
	margin-left: 16px;
}
.module h2 {
	margin: 10px;
}
.module .address {
	margin: 10px;
}
#licenseInsurancePayment {
	font-size: .8em;
	margin: 1em;
}
.industryText .industryTextTitle {
	text-transform: capitalize;
}
.companyLogo img {
	max-width: 150px;
	width: auto !important;
	width: 150px;	
	margin: 0px;
	margin-top: 1em;
	margin-bottom: .5em;
}
div.industryText {
	/*margin-top: 1.5em;*/
	margin-bottom: 1em;
}
.industryText .divider {
	margin-bottom: 1em;
}


/*
.contractorListings {
	margin-bottom: 5px;
}
.contractorListings .heading, .contractorListings .leadHeading {
	font-size: 18px;
	font-weight: bold;
}
.contractorListings .leadHeading {
	color: #FF0000;
	text-align: center;
	display: block;
}
.contractorListings .contractor {
	background-color: #FFFFFF;
	font-size: 11px;
	color: #464545;
}
.contractorListings .contractor:hover {
	background-color: #EEEEEE;
}
.contractorListings .contractor a {
	font-size: 11px;
	text-decoration: none;
	color: #464545;
}
.contractorListings .contractor .clear {
	clear: both;
}
.contractorListings .contractor .companyName {
	color: #000000;
	width: 60%;
	float: left;
}
.contractorListings .contractor .phone {
	font-weight: bold;
	font-size: 19px;
	color: #0000AA;
	margin-left: 5px;
	float: right;
}
.contractorListings .address {
	color: #999999;
}
.contractorListings .companyThumbnail {
	width: auto !important;
	width: 150px;
	max-width: 150px;
	float: right;
}
.contractorListings .contractor .overview {
	margin: 5px 0;
	font-size: 12px;
	clear: both;
}
.textRotator {
	width: 380px;
	height: 3em;
	font-size: 18px;
	margin: 0.2em 10px 0.2em 10px;
	border: solid black 3px;
	background-color: #464545;
	color: #FFFFFF;
	text-align: center;
}
*/
.marginalized {
	margin: .5em;
}


.servicesNavMenu {
	position: relative;
	cursor: pointer;
}
.servicesNavMenu:hover {
	text-decoration: underline;
}
.servicesNavMenu:hover .servicesSubMenu {
	left: 200px;
}
.servicesSubMenu {
	position: absolute;
	top: -1px;
	left: -9999px;
	display: inline-block; *display:inline; zoom:1;
	background: #ddd;
	width: 300px;
	border-left: solid 1px white;
	z-index: 50;
}
#navigation .servicesSubMenu li {
	padding-top: 5px;
	padding-bottom: 5px;
}

.main h2 {
	margin-top: 2em;
	margin-bottom: .6em;
}

#postContent {
	margin-bottom: 1em;
}

#postContent img {
	max-width: 200px;
	max-height: 150px;
}

#areaMap {
	border: solid 1px #ccc;
	/*margin-bottom: 1em;*/
}

ul.featureBullets li {
	margin-top: .25em;
	margin-bottom: .25em;
	text-indent: -.8em;
	margin-left: .8em;
}






.photoGallery img {
	vertical-align: top;
	margin: 1em;
}

.testimonialsOrRecentRequests {
	text-align: center;
	background: #eee;
	padding: 1em;
	margin: 2em auto;
}

.item, .content .item {
	display: inline-block;
	max-width: 40%;
	margin: .5em;
	vertical-align: top;
	margin: 1em;
}