@charset "UTF-8";
/* Bright Blue Color Doc */
h1, .title                              { color: #144281 }
h2                                      { color: #0f438b }
h3, .quotebox .title                    { color: #07479e }
h4                                      { color: #104da0 }

a, #tabs .ui-widget-content a, #tabs .ui-state-active a, #tabs .ui-state-active a:link, #tabs-light-bar .ui-widget-content a
                                        { color: #0058a3; }
a:hover                                 { color: #0078df; }
a:visited                               { color: #5a81a2; }

ul.checks li, ul.arrows li              { background: url(http://www.guttersolutionspdx.com/core/images/toolbox/blue-dark/checkmark.png) no-repeat top left }
ul.arrows li                            { background: url(http://www.guttersolutionspdx.com/core/images/toolbox/blue-dark/circle-arrow.png) no-repeat top left }

.sub1                                   { background-image: url(http://www.guttersolutionspdx.com/core/images/toolbox/blue-dark/1.png) }
.sub2                                   { background-image: url(http://www.guttersolutionspdx.com/core/images/toolbox/blue-dark/2.png) }
.sub3                                   { background-image: url(http://www.guttersolutionspdx.com/core/images/toolbox/blue-dark/3.png) }
.sub4                                   { background-image: url(http://www.guttersolutionspdx.com/core/images/toolbox/blue-dark/4.png) }
.sub5                                   { background-image: url(http://www.guttersolutionspdx.com/core/images/toolbox/blue-dark/5.png) }
.sub6                                   { background-image: url(http://www.guttersolutionspdx.com/core/images/toolbox/blue-dark/6.png) }
.sub7                                   { background-image: url(http://www.guttersolutionspdx.com/core/images/toolbox/blue-dark/7.png) }
.sub8                                   { background-image: url(http://www.guttersolutionspdx.com/core/images/toolbox/blue-dark/8.png) }
.sub9                                   { background-image: url(http://www.guttersolutionspdx.com/core/images/toolbox/blue-dark/9.png) }
.sub10                                  { background-image: url(http://www.guttersolutionspdx.com/core/images/toolbox/blue-dark/10.png) }

.sub1-square                            { background-image: url(http://www.guttersolutionspdx.com/core/images/toolbox/blue-dark/1-square.png) }
.sub2-square                            { background-image: url(http://www.guttersolutionspdx.com/core/images/toolbox/blue-dark/2-square.png) }
.sub3-square                            { background-image: url(http://www.guttersolutionspdx.com/core/images/toolbox/blue-dark/3-square.png) }
.sub4-square                            { background-image: url(http://www.guttersolutionspdx.com/core/images/toolbox/blue-dark/4-square.png) }
.sub5-square                            { background-image: url(http://www.guttersolutionspdx.com/core/images/toolbox/blue-dark/5-square.png) }
.sub6-square                            { background-image: url(http://www.guttersolutionspdx.com/core/images/toolbox/blue-dark/6-square.png) }
.sub7-square                            { background-image: url(http://www.guttersolutionspdx.com/core/images/toolbox/blue-dark/7-square.png) }
.sub8-square                            { background-image: url(http://www.guttersolutionspdx.com/core/images/toolbox/blue-dark/8-square.png) }
.sub9-square                            { background-image: url(http://www.guttersolutionspdx.com/core/images/toolbox/blue-dark/9-square.png) }
.sub10-square                           { background-image: url(http://www.guttersolutionspdx.com/core/images/toolbox/blue-dark/10-square.png) }

.quotebox                               { border-top: 1px solid #dde8f6; border-bottom: 1px solid #dde8f6; }
.sectionhighlight                       { border-color: #dde8f6;}

/*** ELEMENTS ON LINES 1-10 ARE UPDATED TO NEW COLORSCHEME ****/


/**Letter Grade Chart - Replacement Window Options page**/
.lettergrade                            { color: #058FEF }
.lettergrade .columnhead td             { color: #000 }
/**End Letter Grade */



#table-back                             { margin: 5px 0; text-align: center; background-color: #004278; }
.tablebox                               { padding: 10px; background-color: #ecf7fe; border: 1px solid #CCC; margin: 12px 0; }
#radon-top                              { background-color: #004278; padding-top: 5px; color: #FFF; }
table#quad                              { cellpadding: 5px; border: 0; margin-bottom: 10px; border-color: #717171; background-color: #F1F1F1; }
.headers .text                          { background-color: #004278 }
/* --- OPEN SIGN --- */
div.open                                { color: #004278 }
div.open img                            { background: #004278 }
/* --- END OPEN SIGN --- */
/* --- Button --- */
.dynamic-button a                       { background-color: #004278 }
/* Gradient Button - blue-dark */
.gradient-button                        { color: #fff; background: #004278; background: -webkit-gradient(linear, left top, left bottom, from(#004278), to(#003464)); background: -moz-linear-gradient(top,  #004278,  #003464); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004278', endColorstr='#003464'); }
.gradient-button:hover                  { background: #025396; background: -webkit-gradient(linear, left top, left bottom, from(#025396), to(#013b71)); background: -moz-linear-gradient(top,  #025396,  #013b71); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#025396', endColorstr='#013b71'); }
.gradient-button:active                 { color: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#004278), to(#003464)); background: -moz-linear-gradient(top,  #004278,  #003464); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004278', endColorstr='#003464'); }
/* --- contact form test --- */
.contact_form .step.current             { border-color: #c1edff }
.contact_form .step.current .title, .form-area
									    { border-color: #c1edff; background-color: #5fb8dd; }
/** Blue Dark Inline Widget **/
.inline_widget                          { border-color: #004278 }
.inline_widget .title                   { color: #004278 }

/* MY SALES REP NAV */
.msr_btn:hover {
	background: #bfe1ff; /* Old browsers */
	background: -moz-linear-gradient(top,  #bfe1ff 0%, #50a3ee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfe1ff), color-stop(100%,#50a3ee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #bfe1ff 0%,#50a3ee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #bfe1ff 0%,#50a3ee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #bfe1ff 0%,#50a3ee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #bfe1ff 0%,#50a3ee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfe1ff', endColorstr='#50a3ee',GradientType=0 ); /* IE6-9 */
}

.msr_btn_active,
.msr_btn_active:hover {
	background: #69b9fe; /* Old browsers */
	background: -moz-linear-gradient(top,  #69b9fe 0%, #005bb9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#69b9fe), color-stop(100%,#005bb9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #69b9fe 0%,#005bb9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #69b9fe 0%,#005bb9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #69b9fe 0%,#005bb9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #69b9fe 0%,#005bb9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69b9fe', endColorstr='#005bb9',GradientType=0 ); /* IE6-9 */
}
/* END MY SALES REP NAV */

/* MOST RECENT BLOG HIGHLIGHT */
.blog_most_recent_header {
	background-color:#07479e;
	color:#FFFFFF;
}
.blog_most_recent_footer {
	border-color:#07479e;
}
/*end MOST RECENT BLOG HIGHLIGHT */

/* FANCY List Background Color */
.numbers-list li:hover:after{
border-left-color: #144281;
}
.numbers-list li:before {
    background: #144281;
}
/*end FANCY List Background Color */

.img-bottom-border {
    border-bottom: 5px solid #144281;
}

.letter-list li::before {
    color: white;
    background: #144281;
}@charset "UTF-8";
.button, .arrow-button{
   border-top: 1px solid #cd5700;
   border-left: 1px solid #cd5700;
   border-right: 1px solid #cd5700;
   border-bottom: 1px solid #cd5700;
   color:#fff;
}

.button:hover, .arrow-button:hover{
   color:#fff;
}

.button:active, .arrow-button:active {
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8c38', endColorstr='#fe7510',GradientType=0 ); /* IE6-9 */
   background: #fe7510;
   -webkit-box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
   }

.button:visited, .button:active, .arrow-button:visited, .arrow-button:active { color: #fff; }

.button, .arrow-button, #tabs-light-bar .ui-state-active, #tabs-light-bar .ui-widget-content .ui-state-active, #tabs-light-bar .ui-widget-header .ui-state-active{
   background: #fe7510;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbe8f), color-stop(2%,#ff8c38), color-stop(100%,#fe7510));
   background: -webkit-linear-gradient(top, #ffbe8f 0%,#ff8c38 2%,#fe7510 100%);
   background: -moz-linear-gradient(top, #ffbe8f 0%, #ff8c38 2%, #fe7510 100%);
   background: -ms-linear-gradient(top, #ffbe8f 0%,#ff8c38 2%,#fe7510 100%);
   background: -o-linear-gradient(top, #ffbe8f 0%,#ff8c38 2%,#fe7510 100%);
   background: linear-gradient(to bottom, #ffbe8f 0%,#ff8c38 2%,#fe7510 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8c38', endColorstr='#fe7510',GradientType=0 ); /* IE6-9 */
} /** Includes Button and Tabs for Tabbed Content Items **/

.button:hover, .arrow-button:hover, #tabs-light-bar .ui-state-hover, #tabs-light-bar .ui-widget-content .ui-state-hover, #tabs-light-bar .ui-widget-header .ui-state-hover, #tabs-light-bar .ui-state-focus, #tabs-light-bar .ui-widget-content .ui-state-focus, #tabs-light-bar .ui-widget-header .ui-state-focus {
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe7510', endColorstr='#fe7510',GradientType=0 ); /* IE6-9 */
   background: #fe7510;
} /** Includes Button and Tabs for Tabbed Content Items **/

#tabs-light-bar .ui-state-active a, #tabs-light-bar .ui-state-active a:link, #tabs-light-bar .ui-state-hover a, #tabs-light-bar .ui-state-hover a:hover {
   color:#fff;
}html { 
	overflow-y: scroll 
	}

*, html { 
	padding : 0;
	margin : 0; 
	}

html, body { 
	height : 100%; 
	}

body { 
	background : url(http://www.guttersolutionspdx.com/core/images/templates/multi-main/header-bg.png) repeat-x top left #FFF; 
	}

.caption { 
	padding-bottom : 12px;
	text-align : center; 
	line-height : 13px; 
	}

#wrapper { 
	padding-bottom : 10px;
	margin : 0 auto 20px;
	border-top : 0;
	width : 960px; 
	}

#header {  
    background: url('http://www.guttersolutionspdx.com/core/images/templates/multi-main/bar.png') no-repeat;
background-position: 8px 174px;
margin-bottom: 15px;
height: 176px;
	}

/**** HEADER LOGO *****/ 
#logo { 
	padding : 15px 0 0 16px;
	width: 340px; 
	}

#logo a img { 
	border : 0; 
	}
/**** END HEADER LOGO *****/ 

/**** HEADER OPEN CONTACT FREE ESTIMATE ******/
.contact { 
	margin: 18px 0 26px 0;
	position : relative;
	color : #35688B; 
	float : right; 
	height : 65px;  
	width : 300px; 
	}

.tagline { 
	font : 18px/20px 'AmbleBold',Helvetica,sans-serif;
	padding : 8px 0 0 17px;
	position : absolute;
	overflow : visible;
	color : #373737;
	}

.tagline a { 
	color : #1a61b1; 
	}

.phonehead, .offline { 
	font : 36px/38px 'AmbleBold',Helveticasans-serif;
	padding : 0 0 0 5px;
	position : absolute;
	text-align : center;
	color : #1a61b1;
	display : block;
	height : 40px;
	left : 13px;
	top : 30px;
	}

.opensign { 
	background : url('http://www.guttersolutionspdx.com/core/images/templates/multi-main/open-sign.png') no-repeat;
	margin : 26px 0 26px 0;
	position : relative;
	color : #35688B;
	float : right;
	height : 65px;
	width : 380px;
	}

.opensign .tagline { 
	padding : 8px 0 0 90px;
	}

.opensign .phonehead { 
	left : 85px;
	}
/**** END HEADER OPEN CONTACT FREE ESTIMATE ******/

/*header updates */

.year-txt {
text-align: center;
margin: 0px auto;
font: 17px/18px "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
float: left;
width: 293px;
color: #56575A;
}

.contractor-txt {
  text-align: center;
  margin: 70px auto 5px;
  font: 15px/17px "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
  width: 320px;
}

/**** MAIN SPLASH GRAPHICS ******/
#splash { 
	margin : 0 0 15px 10px;
	overflow : hidden;
	width : 950px;
	}

.home-thumbs { 
	overflow : hidden;	
	width : 350px;
	float : right;
	}

.home-thumbs a { 
	display : block;
	float : left;
	}
.thumbs-left { 
	margin : 0 10px 7px 0;
	}
.thumbs-right { 
	margin-bottom : 7px;
	}
/**** END MAIN SPLASH GRAPHICS ******/


/*** CONTENT AREA ****/
#content-wrap { 
	margin : 0 10px 20px 0;
	line-height : 16px;
	overflow : hidden;
	display : inline;
	width : 700px;
	float : right;
	clear : right;
	}
/*** END CONTENT AREA ****/

/***** SIDE BAR *******/
#left-col { 
	margin-left : 10px;
	width : 220px;
	}

.navigation_sidebar_widget, 
.navigation_sidebar_widget ul ul ul { 
	border : 0;
	}

.navigation_sidebar_widget ul { 
	list-style : none;
	}

.navigation_sidebar_widget ul ul { 
	border-bottom : 1px solid #DFDFDF;
	border-right : 1px solid #DFDFDF;
	border-left : 1px solid #DFDFDF;
	margin-bottom : 2px;
	}

.navigation_sidebar_widget a { 
	background-repeat : no-repeat;
	text-decoration : none;
	font-weight : bold;
	display : block;
	color : #555;
	}

.navigation_sidebar_widget a.ancestor, .navigation_sidebar_widget > ul > li.active.expanded > a, .navigation_sidebar_widget > ul > li > a.active { 
	background-color : #1b5393;
	text-decoration : none;
	color : #ffffff;
	}
.navigation_sidebar_widget a:hover { 
	background-color : #588ac2;
	text-decoration : none;
	color : #ffffff;
	}

.navigation_sidebar_widget a.active{ 
	text-decoration : bold;
	}

/* Nav styles - first level */
.navigation_sidebar_widget > ul > li > a  { 
	background-position : 10px 11px;
	background-color : #EEEEEE;
	border : 1px solid #DFDFDF;
	padding : 8px 5px 6px 22px;
	}

.navigation_sidebar_widget ul li { 
	margin-bottom : 2px;
	}

.navigation_sidebar_widget > ul > li > a.last { 
	border-bottom : 0;
	}

.navigation_sidebar_widget > ul > li > a.children { 
	background-image : url('http://www.guttersolutionspdx.com/core/images/templates/multi-main/nav-arrow-r-dark.gif');
	}

.navigation_sidebar_widget > ul > li > a.children:hover { 
	background-image : url('http://www.guttersolutionspdx.com/core/images/templates/multi-main/nav-top-arrow-r.gif');
	}

.navigation_sidebar_widget > ul > li > a.children.expanded { 
	background-image : url('http://www.guttersolutionspdx.com/core/images/templates/multi-main/nav-top-arrow-d.gif');
	background-position : 8px 13px;
	border : 0;
	}

/* Nav styles - second level and beyond */
.navigation_sidebar_widget ul ul a { 
	font-weight : normal;
	}

.navigation_sidebar_widget ul ul a:hover { 
	background-color : transparent;
	text-decoration : underline;
	color : #505050;
	}

.navigation_sidebar_widget > ul > li > ul a { 
	color : #505050;
	}
.navigation_sidebar_widget ul > li > ul a.ancestor { 
	background-color : #FFF;
	color : #393637;
	}

.navigation_sidebar_widget > ul > li > ul a.active { 
	background-position : 17px 10px;
	font-weight : bold;
	}

.navigation_sidebar_widget > ul > li > ul a.children { 
	background-image : url('http://www.guttersolutionspdx.com/core/images/templates/multi-main/nav-arrow-r.gif');
	}

.navigation_sidebar_widget > ul > li > ul a.active.children, .navigation_sidebar_widget > ul > li > ul a.children:hover { 
	background-image : url('http://www.guttersolutionspdx.com/core/images/templates/multi-main/nav-arrow-r.gif');
	}

.navigation_sidebar_widget > ul > li > ul a.expanded { 
	background-image : url('http://www.guttersolutionspdx.com/core/images/templates/multi-main/nav-arrow-d.gif');
	}

.navigation_sidebar_widget > ul > li > ul a.expanded.children, .navigation_sidebar_widget > ul > li > ul a.expanded:hover { 
	background-image : url('http://www.guttersolutionspdx.com/core/images/templates/multi-main/nav-arrow-d.gif');
	background-position : 17px 10px;
	}

/* Nav styles - second level only */
.navigation_sidebar_widget > ul > li > ul > li > a { 
	background-position : 17px 9px;
	padding : 5px 5px 5px 30px;
	}

/* Nav styles - third level only */										
.navigation_sidebar_widget > ul > li > ul > li > ul > li > a { 
	background-position : 25px 9px;
	padding : 5px 5px 5px 38px;
	}

.navigation_sidebar_widget > ul > li > ul > li > ul > li > a.expanded.children { 
	background-position : 25px 9px;
	}

/* Nav styles - fourth level only */
.navigation_sidebar_widget > ul > li > ul > li > ul > li > ul > li > a { 
	background-position : 33px 9px;
	padding : 5px 5px 5px 46px;
	}

/* Nav styles - fifth level and beyond */
.navigation_sidebar_widget > ul > li > ul > li > ul > li > ul > li ul { 
	display : none;
	}
/* End nav styles */
/***** END SIDE BAR *******/

/***** FOOTER *******/
#footer { 
	border-top : 1px solid #D9D9D9;
	margin : 22px 10px 0 10px;
	padding : 10px 40px;
	line-height : 16px;
	text-align : left; 
	font-size : 12px;
	height : 100px;
	clear : both; 
	}

#footer .small { 
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #737576;
	margin : 7px 0;
}
#footer-info { 
	font-family : Arial, Helvetica, sans-serif;
	text-align : center;
	padding-top : 20px;
	color : #737576;
	margin : auto;
}
/***** END FOOTER *******/

@font-face {
    font-family: 'AmbleBold';
    src: url('http://www.guttersolutionspdx.com/core/v2/fonts/Amble-Bold-webfont.eot');
    src: url('http://www.guttersolutionspdx.com/core/v2/fonts/Amble-Bold-webfont.eot#iefix') format('embedded-opentype'),
         url('../core/v2/fonts/Amble-Bold-webfont.woff') format('woff'),
         url('http://www.guttersolutionspdx.com/core/v2/fonts/Amble-Bold-webfont.ttf') format('truetype'),
         url('http://www.guttersolutionspdx.com/core/v2/fonts/Amble-Bold-webfont.svg#AmbleBold') format('svg');
    font-weight: normal;
    font-style: normal;

}.estimate-btn {
  background-color: #1B5393;
  height: 48px;
  width: 274px;
  border: 2px solid #fff;
  cursor: pointer;
  transition: all 0.3s ease 0s;
  border-radius: 10px;
  position: relative;
  text-align: center;
  float: right;
}
.estimate-btn a {
font-size: 13px;
position: relative;
text-decoration: none;
color: #FFF;
font-family: 'Maven Pro', sans-serif;
top: 6px;
text-transform: uppercase;
font-weight: 600;
}
.estimate-btn:hover {
  background-color: #579C47;
  transition: all 0.3s ease 0s;
}