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

<!--
body {
	background-color: #878688;
	margin-top: 0.5in;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #00542C;
	font-weight: bold;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height :16px;
	font-weight: bold;
}


.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
}

a{
color:#003366;
}

a.link{
color:#003366;
}

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;
}

.bodycopylarger {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	line-height :16px;
}

.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;
}

.dudheadlinelarge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	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;
}

.snowguardheadline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #c5d1f7;
	line-height :22px;
	font-weight: bold;
	color: #2E3195;
}



.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;
	
		}

#footer{
		width:799px;
		margin: 0px auto;
		padding: 10px 0px 0px 0px;
		}
		
#bottominfo{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color:fff;
			font-size:10px;
			float:left;
			width:160px;
			margin: 4px -250px 0px 0px;
			}
		
		
#navlist{
		font:Verdana, Arial, Helvetica, sans-serif;
		padding: 0px 0px 0px 0px;
		margin-left: -60px;
		text-align:center;
		line-height: 12px;
		}
		
#navlist li {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		list-style:none;
		display:inline;
		padding: 0px 0px 0px 0px;
		margin-left: -10px;
}	

#navlist li a{
		font:Verdana, Arial, Helvetica, sans-serif;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:fff;
		text-decoration:none;
}			
		
#center{
		border: 0px;
		padding: 0px 0px 0px 0px;
		}

#bottomnav {

			float:right;
			width:600px;
			margin-top: -10px;
			height:30px;
			
			}
			
			
.cities {
			clear: both;
			width: 800px;
			margin-top: 20px;
			height: 70px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: fff;
			font-size: 11px;
			}




#financing_plans{
padding:5px 10px 5px 20px;
background-color:#CCCCCC;
width:50%;
border:groove 3px;
margin-left: 128px;

}

#greenboxsmall {
	background-image:url(../images/greenboxsmall.gif);
	background-repeat:no-repeat;
	border:0px;
	width: 200px;
	height: 228px;
	margin-left: 48px;
	margin-top: 12px;
}

#greenboxlarge {
	background-image:url(../images/greenboxlarge.gif);
	background-repeat:no-repeat;
	border:0px;
	width: 446px;
	height: 110px;
	margin-left: 84px;
	margin-top: -10px;
}

#greenboxlargest {
	background-image:url(../images/greenboxlargest.gif);
	background-repeat:no-repeat;
	border:0px;
	width: 446px;
	height: 180px;
	margin-left: 84px;
	margin-top: -10px;
}

.greenboxtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height :16px;
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 5px;
}

.left30 {
	padding-left: 30px;
}

#greenbox {
	color: #00542C;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #00542C;
	padding: 10px;
	margin-left: 20px;
	margin-right: 20px;
}


.style10px {
	font-size: 10px;
	line-height: 12px;
}

.style20px {
	font-size: 20px;
}

.greenbodycopy {
	color: #00542C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.greenbackground {
	background-color: #006940;
	padding-bottom: 3px;
	padding-top: 4px;
}

.lineheight20px {
	line-height :20px;
}

.verdana {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.margins20px {
	margin-left: 20px;
	margin-right: 20px;
}

.margins8px {
	margin-left: 8px;
	margin-right: 8px;
}

.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 3px 5px 3px;
}

.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 .posoutside li {
	  list-style-position: outside;
	   margin: 5px 0px 0px 15px; }	  
	  
.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;
}

/* skh needed for chrome to align bullets properly in lists */
ul {list-style-position:inside;}

.sglist ul, li { 
	margin: 7px 20px 7px -00px;
	padding: 0px;
	list-style-position:outside;
	}
	
#otherproducts {
	background-image: url(../images/Other_Products.png);
	width: 630px;
	height: 321px;	
}

.othersHeadline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-top: 38px;
	height: 66px;
}

.othersHeadline a{
	text-decoration: none;
}

.white a{
	color: white;
}

.white a:hover{
	text-decoration: underline;
}

.blue a {
		color: #2E3195;
}

.blue a:hover{
	text-decoration: underline;
}

.pad30 {
	padding-left: 30px;
	padding-right: 30px;
}

-->