@charset "UTF-8";
/* CSS Document */


body {
	background-color: #878688;
	margin-top: 0.5in;
}
.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
}

.cities {
			clear: both;
			width: 800px;
			margin: 20px 0 0 0;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: fff;
			font-size: 11px;
			}

a{
color:#003366;
}

a.link{
color:#003366;
}

/* skh needed for chrome to align bullets properly in lists */
ul {list-style-position:inside;}

a.hover{
color:#333333;
}

a.visited{
color:#336633
}

.reversedlink{
color:#99FF66;
}

.anchorlist{
color:#003366;
size: 11px;
}

.whiterule {
color:#FFFFFF;
size: 1px;
noshade: noshade;
}

.bodycopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height :16px;
}

.bodycopymedium {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height :16px;
	margin-left: 20px;
}

.bodycopysmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#0077A9;
	line-height :16px;
}

.bodycopyreversed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height :14px;
}

.headlinereversed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height :16px;
	font-weight:bold;
}

.gutterheadline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #00542C;
	font-weight: bold;
}

.redheadline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #D01100;
	font-weight: bold;
}

.dudheadline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #2E3195;
	font-weight: bold;
}

.windowheadline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0929;
	font-weight: bold;
}

.doorsheadline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#A37327;
	font-weight: bold;
}

.bathheadline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#5693C3;
	font-weight: bold;
}

.table01 {
	vertical-align: top;
}

.callout {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height :22px;
	font-weight: bold;
}

.benefitslist {
list-style-type: square;
list-style-position: outside;
}

.ghlist {
list-style-type: square;
list-style-position: outside;
font-size: 12px;
color:#333333;
font-weight: normal;
}

.ghlist2 {
list-style-position: outside;
font-size: 10px;
color:#333333;
font-weight: normal;
}

.phonenumber{
size: 28px;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 800;
}


#formTable, #radioTable{
	font-size:11px;
	color:#333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 30px;
}

.inputlabel{
text-align: right;
padding-right: 4px;
color: #01713E;
}

/*.legend1{
border-color:#0066FF;
}*/


#fname {
border:1px #99B996 solid;
width:250px;
margin-top:4px;
}

#lname {
border:1px #99B996 solid;
width:250px;
margin-top:4px;
}

#address {
border:1px #99B996 solid;
width:250px;
margin-top:4px;
}

#city {
border:1px #99B996 solid;
width:250px;
margin-top:4px;
}

#zipcode {
border:1px #99B996 solid;
width:250px;
margin-top:4px;
}

#phone {
border:1px #99B996 solid;
width:250px;
margin-top:4px;
}

#cell {
border:1px #99B996 solid;
width:250px;
margin-top:4px;
}

#timecall {
border:1px #99B996 solid;
width:250px;
margin-top:4px;
}

#email {
border:1px #99B996 solid;
width:250px;
margin-top:4px;
}



#aligntop {
	vertical-align: top;
	z-index: inherit;
	border:0px;
	top:inherit;
		}

#shadow {
	position: relative;
	z-index: 0px;
	margin: 0 auto;
	width: 819px;
	height: auto;
	background-image:url(../images/shadow_824.png);
	background-repeat:repeat-y;
	border:0px;
		}
		

		
#topshadow {
	position: absolute;
	height:20px;
	z-index: inherit;
	margin: -14 auto;
	width: 823px;
	background-image:url(../images/top_shadow_822.png);
	background-repeat:no-repeat;
	border:0px;
	
		}
		
		
#bottomshadow {
	position: absolute;
	height:20px;
	z-index: inherit;
	margin: -2 auto;
	width: 823px;
	background-image:url(../images/bottom_shadow2.png);
	background-repeat:no-repeat;
	background-position: top;
	border:0px;
	left: 0px;
	
		}

#footer{
		width:799px;
		margin: 0px auto;
		padding: 10px 0px 0px 0px;
		}
		
#bottominfo, #bottominfobath {
			font:Verdana, Arial, Helvetica, sans-serif;
			color: #FFFFFF;
			font-size:10px;
			float:left;
			width:120px;
			margin: 0px -250px 0px 0px;
			}
			
			
#callnow_small_about{
				
				padding-bottom:500px;

				}	
				
				
#callnow_small_coupons{
				
				padding-bottom:100px;

				}	
				
#callnow_test_faq{
					padding-bottom:1600px;
				}
		
		
#navlist{
		font:Verdana, Arial, Helvetica, sans-serif;
		padding: 0px 0px 0px 0px;
		}
#navlist-02{
		font:Verdana, Arial, Helvetica, sans-serif;
		padding: 0px 0px 0px 0px;
		margin-top:3px;
		float:right;
		width:760px;
		}

#center{
		border: 0px;
		padding: 0px 0px 0px 0px;
		}

#bottomnav, #bottomnavbath {

			float:right;
			width:800px;
			margin-top: 0px;
			height:30px;
			text-align:center;
			}

#navlist li,#navlist-02 li {
		font-family: Verdana, Geneva, sans-serif;
		list-style:none;
		display:inline;
		padding: 0px 3px 0px -10px;
}	

#navlist li a,#navlist-02 li a{
		font-family: Verdana, Geneva, sans-serif;
		font-size:9px;
		color: #fff;
		text-decoration:none;
}	

#financing_plans{
padding:5px 10px 5px 30px;
background-color:#CCCCCC;
width: 300px;
border: 3px groove #00542C;

}

.w320 {
	width: 320px; }
	
.lheight16px {
	line-height: 16px;
}

#topbanner {
	height: 104px;
	width: 799px;
	background-image:url(../images/header_imagePhone.jpg);
	background-repeat:no-repeat;		
}

#topbanner a {
  position: absolute;
  height: 104px;
  width: 799px;
  text-decoration: none;
}

#topbanner a i {
  visibility: hidden; 
}

a#home { left: 20px; width: 320px; height:90px; top: 5px; }

a#sendmail {left: 620px; width: 165px; height: 22px; top: 65px; }

#topbannerbathdesign {
	height: 98px;
	width: 994px;
	background-image:url(../images/header2.jpg);
	background-repeat:no-repeat;		
}

#topbannerbathdesign a {
  position: absolute;
  height: 98px;
  width: 994px;
  text-decoration: none;
}

#topbannerbathdesign a i {
  visibility: hidden; 
}

a#homebathdesign { left: 20px; width: 320px; height:90px; top: 5px; }

a#sendmailbathdesign {left: 870px; width: 110px; height: 22px; top: 65px; }


#container_bathdesign {
	width: 994px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0;
}

#mainContent_bathdesign {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

#shadow_bathdesign {
	position: relative;
	z-index: 0px;
	width: 1014px;
	height: auto;
	background-image:url(../images/shadow_1014.png);
	background-repeat:repeat-y;
	border:0px;
	
		}
		
#topshadow_bathdesign {
	position: absolute; 
	height:14px;
	z-index: inherit;
	margin: -14px auto;
	width: 1014px;
	background-image:url(../images/top_shadow_1014.png);
	background-repeat:no-repeat;
	border:0px;
	
		}	
#bottomshadow_bathdesign {
	position: absolute; 
	height:14px;
	z-index: inherit;
/*	margin: -2 auto; */
	width: 1014px;
	background-image:url(../images/bottom_shadow1014.png);
	background-repeat:no-repeat;
	background-position: top;
	border:0px;
	left: 0px;
	
		}		
		
#toplink {		
	color: white;
	margin: 0;
	padding: 0px 0px 3px 20px;
	text-align: left;
	font-size: 14px;
	background-color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#toplink a{
	color: white;
	text-decoration: none;
}
#toplink a:hover{ 
	color: white;
	text-decoration: underline;
}

#bottomlink {		
	color: white;
	margin: 0;
	margin-top: -5px;
	padding: 7px 0px 3px 20px;
	text-align: left;
	font-size: 14px;
	background-color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#bottomlink a{
	color: white;
	text-decoration: none;
}
#bottomlink a:hover{ 
	color: white;
	text-decoration: underline;
}

#footer900{
		width:900px;
		margin: 0px auto;
		padding: 10px 0px 0px 0px;
		}
.gp { margin: 0px;
	padding: 0px;
}

.gp #header {
	text-align: center;
}

.red { color: #ce2b27; }

.dkgreen { color: #00703c; }

.ltgreen { color: #dae8ac; }

.black { color: #000; }

.gray {color: #333; }

.silver {color: #a7a9ac; }

.gp h1 { font-family:Verdana, Geneva, sans-serif;
	  font-size: 16px;
	  font-weight: bold;
}

.gp #first {
	background-image: url(../images/gutter-protection/ltgreengrad.png);
	width: 630px;
	height: 180px;

}

.gp #first_cs {
	background-image: url(../images/gutter-protection/ltgreengrad.png);
	width: 630px;
	height: 150px;
}

/* .gp #last {
	vertical-align:bottom;
	background-image: url(../images/gutter-protection/ltgreengrad2.png);

	margin: 0;
	padding: 0;
} */

.gp #middle {

	background-image: url(../images/gutter-protection/greenbackgrnd2.png);
	padding: 8px 6px 8px 0px; 
	background-repeat: no-repeat;
	margin-left: 10px; 
}

.gp #whitebox {
	margin-top: -30px; 
	margin-left: -3px;
	background-color:#FFF;
    width: 160px;
	height: 86px;
	text-align: center;
	padding: 25px 5px 5px 5px;

}

.gp #whiteline{
	background-color: #FFF;
	width: 610px;
	height: 8px;
	margin-left: -10px;
}

.gp .silverborder {
	border: 4px solid #a7a9ac;
}

.gp .bronzeborder {
	border: 4px solid #936b50;
}
	
.gp .goldborder {
	border: 4px solid #caac6a;
}

.gp p {
	padding: 0px 20px 0px 20px;
	margin-top: 0px;
	margin-bottom: 0px;
}
	  
.gp .bodycopyXlarge {  font-size: 20px;
	  font-weight: bold;
	  font-family: Verdana, Geneva, sans-serif; 
	  }

.gp .bodycopylarger { font-size: 15px;
	  font-family: Verdana, Geneva, sans-serif; 
	  line-height: 20px; }

  
.gp .bodycopylarge { font-size: 13px;
					line-height: 16px; 
					font-family: Verdana, Geneva, sans-serif; }

.gp .bodycopymedium { font-size: 12px;
	                  font-family: Verdana, Geneva, sans-serif;
					 }
					
.gp .bodycopy {font-size: 11px;
			font-family: Verdana, Geneva, sans-serif;  }

.gp .bodycopysm {
	font-size: 10px; 
	  font-family: Verdana, Geneva, sans-serif;
	  line-height: 12px;
	  }

.gp .bold {font-weight: bold; }

.gp .arial { font-family:Arial, Helvetica, sans-serif; }

.gp .whitebkgrnd {
	background-color:#FFF;
}

.gp .yellowbkgrnd {
	background-color:#fff450;
}

.gp #box2 {
	margin: 0px 8=px 0px 8px;
	background-color: #ddeab4; 
	padding: 0px;
}

.gp #box3 {
	margin: 10px 8px 0px 8px;
	background-color: #ddeab4; 
	padding: 15px;
	border: 1px dotted #00703c;
}

.gp #box2,#box3 p { margin: 10px 0px 5px 0px;  }

.gp #border_screen p { margin: 7px 0px 7px 0px;  }

.gp #greeninsideborder {
	border: 1px dotted #00703c;
	margin: 0px;
	padding: 10px 5px 10px 5px;
}


.gp #border_screen {
	border: 3px solid #00703c;
	margin: 20px 20px 20px 260px;
	padding: 10px 0px 10px 20px;;
}

.gp ul, li { margin: 0px;
	padding: 0px; }

.gp ul {
	  margin: 5px 0px 0px 20px; }
	  
.gp a img { display:block; border: 0; }

.gp .place-over {position:relative;
			z-index: 1; }

.gp #moveup {
	margin-top: -21px;
	padding-bottom: 20px;

}
.gp #moveup2 {
	margin-top: -10px;
	padding-bottom: 5px;
}
.gp .lineheight20 {
	line-height: 20px; }

.gp .lineheight14 {
	line-height: 14px;
}

.gp .left5px {
	margin-left: -5px;
}

.pad30 {
	padding-left: 30px;
	padding-right: 30px;
}


