@charset "UTF-8";







body  {







	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */







	padding: 0;







	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */







	color: #000000;







	font-family: Arial, Helvetica, sans-serif;







	font-size: 12px;







	background-color: #FFFFFF;







}







h2 {







	font-family: Geneva, Arial, Helvetica, sans-serif;







	font-size: 14px;







	font-weight: bold;







	color: #003399;







	text-align: center;







	margin-top: 5px;







	margin-right: 2px;







	margin-bottom: 5px;







	margin-left: 2px;







}







#blog ul {







	text-indent: -20px;







	line-height: 20px;







}







.thrColFixHdr #container {

	width: 960px; /* the auto margins (in conjunction with a width) center the page */

	border: 1px solid #000000;

	text-align: left;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	background-color: #FFFFFF;

	background-image: url(images/left-bgd-grn.gif);

	background-repeat: repeat-y;







} 







.thrColFixHdr #header {



	width: 960px;



	padding: 0;



	margin: 0px;



	border-top-width: 0px;



	border-right-width: 0px;



	border-bottom-width: 0px;



	border-left-width: 0px;



	border-top-style: none;



	border-right-style: none;



	border-bottom-style: none;



	border-left-style: none;



	background-color: #57862E;



	position: relative;



} 







.thrColFixHdr #header h1 {







	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */







	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */







}







#navigation {







	width: 960px;







	display: inline;







	left: 0px;







	height: 55px;







	position: relative;







	float: none;







	margin: 0px;







	padding: 0px;







	border-top-width: 0px;







	border-right-width: 0px;







	border-bottom-width: 0px;







	border-left-width: 0px;







	z-index: 2;







}







#navigation img {







	border-top-width: 0px;







	border-right-width: 0px;







	border-bottom-width: 0px;







	border-left-width: 0px;







	margin: 0px;







	padding: 0px;







	float: left;







}







.thrColFixHdr #sidebar1 {



	float: left; /* since this element is floated, a width must be given */



	width: 170px; /* the background color will be displayed for the length of the content in the column, but no further */



	padding: 0px; /* padding keeps the content of the div away from the edges */



	border-right-width: 0px;



	border-top-style: none;



	border-right-style: none;



	border-bottom-style: none;



	border-left-style: none;



	border-top-width: 0px;



	border-bottom-width: 0px;



	border-left-width: 0px;



}







#left-column {







	width: 160px;







	height: 100%;







	background-repeat: no-repeat;







	background-color: #003399;







	border-right-width: medium;







	border-top-style: none;







	border-right-style: outset;







	border-bottom-style: none;







	border-left-style: none;







}







.thrColFixHdr #sidebar2 {







	float: right;







	top: 7px;







}







.thrColFixHdr #mainContent {

	position: relative;

	line-height: 16px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0;

	margin-left: 170px;

	padding-top: 0;

	padding-right: 10px;

	padding-bottom: 0;

	padding-left: 10px;

	color: #000000;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11pt;







} 

.thrColFixHdr #mainContent2 {

	position: relative;

	line-height: 16px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0;

	margin-left: 20px;

	padding-top: 0;

	padding-right: 10px;

	padding-bottom: 0;

	padding-left: 10px;

	color: #000000;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11pt;







} 







.thrColFixHdr #footer {

	background-color: #CBE672;

	clear: both;

	float: none;

	padding: 0;



} 



.thrColFixHdr #footer p {







	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */







	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */







}







.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */







	float: right;







	margin-left: 8px;







}







.fltlft { /* this class can be used to float an element left in your page */







	float: left;







	margin-right: 8px;







}







.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */







	clear:both;







    height:0;







    font-size: 1px;







    line-height: 0px;







}







#vid {







	background-color: #FFFFFF;







	height: 170px;







	width: 135px;







	position: relative;







	left: 110;







	top: 10;







	border: 2px solid #000000;







}







#blog {







	height: 175px;







	width: 135px;







	position: relative;







	left: 12px;







	top: 50px;







	background-color: #FFFFFF;







	border: 2px solid #000000;







}







#sidebar2 #inset {







	background-color: #990303;







	height: 148px;







	width: 164px;







	border-top-width: 3px;







	border-right-width: 3px;







	border-bottom-width: 3px;







	border-left-width: 3px;







	border-top-style: outset;







	border-right-style: outset;







	border-bottom-style: outset;







	border-left-style: outset;







	border-top-color: 990303;







	border-right-color: #990303;







	border-bottom-color: #990303;







	border-left-color: #990303;







	position: relative;







	top: 10px;







	text-align: center;





	padding-top: 5px;

	

	

	padding-bottom: 20px;







}















#sidebar2 #inset p {







	font-family: Geneva, Arial, Helvetica, sans-serif;







	color: #FFFFFF;







	margin-top: 2px;







	margin-bottom: 20px; 







	font-weight: bold;







	text-transform: uppercase;







}







h1 {

	margin-top: 20px;

	margin-bottom: 5px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 20px;

	line-height: 20px;





}







.pagination {







	font-family: Helvetica, sans-serif, Arial;







	font-size: 10px;







	font-weight: bold;







	text-align: right;







}







.thrColFixHdr #container #mainContent h2 {

	text-align: left;

	text-indent: 0px;

	margin-bottom: 0px;

	margin-top: 0px;

	color: #000000;







}







.thrColFixHdr #container #mainContent h1 {

	text-indent: 0px;

	margin-bottom: 10px;

	color: #000000;

	font-size: 20px;

	line-height: 20px;







}







.thrColFixHdr #container #mainContent p {

	margin-top: 7px;

	color: #000000;







}







.testimonial {







	font-family: Helvetica, sans-serif, Arial;







	text-align: right;







}







.date {







	text-align: right;







	margin-bottom: 2px;







}







.testimonial h2 {







	color: #000000;







	clear: both;







}







.testimonial p {







	text-align: left;







}







.testimonial {







	text-align: right;







}







.testimonial {







	color: #000000;







}







.thrColFixHdr #container #mainContent #windows {







	display: inline;







}







.tight {







	margin: 1px;







}







#color_chart {







	width : 740px;







	margin: 0;







	float: left;







	clear: both;







	padding-top: 15px;







	padding-right: 0;







	padding-bottom: 15px;







	padding-left: 0;







}







#color_chart h2 {







  width: 400px; height: 22px; 







  margin: 5px 0 10px 10px; padding: 0; 







  clear: both;  







  display: block; 







  background-color: #ABA39E;







  font: normal bold 12px/1.6em Verdana, Arial, Helvetica, sans-serif;







  text-align: center;







  text-transform: uppercase;







  color: #fff;







}







#color_chart ul {







  list-style: none;width: 100%;







  margin: 0 0 10px 0; padding: 0;







  float: left; clear: both;







  display: block;







}







#color_chart .color_block {







	margin: 10px 0 0 10px;







	padding: 0;







	width: 100px;







	height: 50px;







	display: block;







	float: left;







	text-align: center;







	border: 1px solid #000000;







}







#color_chart .color_block em {







  font: normal bold 12px/2.4em "Arial Narrow",Arial, Helvetica, sans-serif;







}







#color_chart .color_block em.alt_color {







  color: #fff;







  visibility: hidden;







  display: none;







}







#color_chart P {







  margin: 1px 10px;







  text-align: left;







}







.new {







  width: 51px; height: 21px;







  margin: 45px 0 0 10px; padding: 0;







  float: left;







  display: block;







  background: url(/products/colors/swatches/new.gif) no-repeat center center;	







}







#color_chart .color_block img {







  border: none;







  visibility: hidden;







  display: none;







  float: left;







}







#almond {















}







#aspen {















}







#beige {







  background-color: #F6EED9;







}







#blue_gray {







  background-color: #95B1C6;







}







#blue_spruce {







  background: #4A6A79 url(images/sl_blue_spruce.jpg) no-repeat center center;	







}







#champagne {







  background-color: #F7E4D6;







}







#charcoal_gray  {







	background-color: #8E929D;







	background-image: url(images/dc_charcoal_gray.jpg);







	background-repeat: no-repeat;







	background-position: center 5px;







}







#country_almond  {







  background-color: #F3EEE8;







}







#chesapeake_green  {







	background-color: #708A8B;







	background-image: url(images/dc_chesapeake_green.jpg);







	background-repeat: no-repeat;







	background-position: center 5px;







}







#clay {







  background-color: #C2C1AD;







}







#country_green  {







	background-color: #1D6059;







	background-image: url(images/dc_country_green.jpg);







	background-repeat: no-repeat;







	background-position: center 5px;







}







#cypress  {







  background-color: #95A092;







}







#driftwood {







  background-color: #C8C3BF;







}







#flagstone {







  background-color: #A2A9A2;







}







#estate_gray {







  background-color: #C4C5C7;







}







#gray {







  background-color: #B8C7CC;







}







#green {







  background-color: #DBEFE3;







}







#hampton_blue {







	background-color: #788A98;







	background-image: url(images/dc_hampton_blue.jpg);







	background-repeat: no-repeat;







	background-position: center 5px;







}







#harvard_slate {







  background-color: #A0A2A1;







}







#heather {







  background-color: #B6B1AD;







}







#heritage_blue {







	background-color: #638BA4;







	background-image: url(images/dc_heritage_blue.jpg);







	background-repeat: no-repeat;







	background-position: center 5px;







}







#hickory {







  background-color: #B3AAA1;







}







#highland_cedar {







  background: #9D8360 url(images/sl_highland_cedar.jpg) no-repeat center center;







}







#lakeside_blue  {















}







#lien  {







  background-color: #F6EFE9;







}







#meadow_green {







  background: #6B3A40 url(images/sl_meadow_green.jpg) no-repeat center center;







}







#mountain_blue {







  background-color: #B7C5D0;







}







#mountain_gray {















}







#musket_brown {







  background-color: #41231B;







}







#natural_ceader  {







	background-color: #867C72;







	background-image: url(images/dc_naturel_cedar.jpg);







	background-repeat: no-repeat;







	background-position: center -1px;







}







#pebble_clay  {







  background-color: #BFB2A1;







}







#red_cedar  {







  background: #6B3A40 url(images/sl_red_cedar.jpg) no-repeat center center;	







}







#rustic_red  {







	background-color: #873027;







	background-image: url(images/dc_rustic_red.jpg);







	background-repeat: no-repeat;







	background-position: center 5px;







}







#sage  {







  background-color: #B5BAB3;







}







#sand {







  background-color: #D6D0C0;







}







#soft_maple  {







  background-color: #EADDBD;







}







#sterling {







  background-color: #E4E5E7;







}







#sunflower {







  background-color: #F9DEA7;







}







#victorian_gray {







  background-color: #D9D8D3;







}







#vintage_cream  {







  background-color: #F0E2BF; 







}







#white {







  background-color: #ffffff;







}







#wiker {







  background-color: #D5CDB8;







}







#yellow {







  background-color: #FAFADE;







}







.clearFloat {







  clear: both;







  display: block;







}







#mainContent ul {







	list-style-type: none;







}







#stanley {







	height: 100px;







	position: relative;







	left: -20px;







	top: 0px;







}







.style15 {	font-size: 12px;







	font-weight: bold;







}







.style19 {font-size: 22px; }







.style20 {	color: #000000;







	font-size: 14px;







}







.style14 {

	font-size: 14px;

	color: #000000;

	font-weight: bold;







}







.sidenav {



	text-decoration: none;



	margin-top: 10px;



	height: 85px;



}



.sidenav a {



	height: 15px;



	width: 168px;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 14px;



	font-weight: bold;



	color: #FFFFFF;



	font-style: normal;



	font-variant: normal;



	text-decoration: none;



	line-height: normal;



	padding-top: 5px;



	padding-bottom: 6px;



	text-align: center;



	vertical-align: middle;



	clear: left;



	float: left;



	margin: 0px;



	background-image: url(images/button_side.gif);



	border-top-style: none;



	border-right-style: none;



	border-bottom-style: none;



	border-left-style: none;



}



.stanley {

	width: 169px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #000000;

	background-color: #FFF502;

	font-style: normal;

	font-variant: normal;

	text-decoration: none;

	line-height: 20px;

	text-align: center;

	vertical-align: middle;

	clear: left;

	float: left;

	padding: 0px;

	white-space: nowrap;

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;

	border-top-width: 3px;

	border-right-width: 0px;

	border-bottom-width: 3px;

	border-left-width: 0px;

	border-top-style: outset;

	border-right-style: none;

	border-bottom-style: outset;

	border-left-style: none;

	border-top-color: #FFF502;

	border-bottom-color: #FFF502;



}



.stanley a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #FFFFFF;

	background-color: #FFFF33;

	font-style: normal;

	font-variant: normal;

	text-decoration: none;

	line-height: normal;

	padding-top: 5px;

	padding-bottom: 6px;

	text-align: center;

	vertical-align: middle;

	clear: left;

	float: left;

	position: relative;

	border: 3px outset #990303;

	margin-bottom: 2px;



}



.style1 {

	color: #000000;

	font-weight: normal;

	text-align: left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	margin: 0px;



}



.go_green {

	width: 169px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #0000FF;

	background-color: #57862E;

	font-style: normal;

	font-variant: normal;

	text-decoration: underline;

	line-height: 20px;

	text-align: center;

	clear: left;

	float: left;

	padding: 0px;

	white-space: nowrap;

	vertical-align: middle;

	margin-top: 10px;

	margin-left: 0px;

	margin-bottom: 5px;

	border-top-width: 3px;

	border-right-width: 0px;

	border-bottom-width: 3px;

	border-left-width: 0px;

	border-top-style: outset;

	border-right-style: none;

	border-bottom-style: outset;

	border-left-style: none;

	border-top-color: #57862D;

	border-bottom-color: #57862D;



}



.go_green a {



	height: 15px;



	width: 157px;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 14px;



	font-weight: bold;



	color: #FFFFFF;



	background-color: #FFFF33;



	font-style: normal;



	font-variant: normal;



	text-decoration: none;



	line-height: normal;



	padding-top: 5px;



	padding-bottom: 6px;



	text-align: center;



	vertical-align: middle;



	clear: left;



	float: left;



	left: 0px;



	position: relative;



	border: 3px outset #990303;



	margin-bottom: 2px;



}



.thrColFixHdr #container #header #navigation a {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 17px;



	font-weight: bold;



	color: #FFFFFF;



	text-decoration: none;



	border-top-width: 0px;



	border-right-width: 0px;



	border-bottom-width: 0px;



	border-left-width: 0px;



	border-top-style: none;



	border-right-style: none;



	border-bottom-style: none;



	border-left-style: none;



	line-height: 32px;



	margin: 0px;



	padding: 0px;



}



.thrColFixHdr #container #header #navigation p {



	background-image: url(images/button.png);



	background-repeat: repeat-x;



	margin: 0px;



	border-top-width: 0px;



	border-right-width: 0px;



	border-bottom-width: 0px;



	border-left-width: 0px;



	border-top-style: none;



	border-right-style: none;



	border-bottom-style: none;



	border-left-style: none;



	padding: 0px;



	height: 54px;



}



.thrColFixHdr #container #sidebar1 a {



}



.thrColFixHdr #container #sidebar1 a {



	text-align: center;



}



.thrColFixHdr #container #sidebar1 .linkbox {



	text-align: center;



	vertical-align: middle;



}



.thrColFixHdr #container #sidebar1 #video {



	text-align: center;



	margin-top: 10px;



}



.thrColFixHdr #container #header #navigation .btn_01 {

	margin-left: 55px;

}

.thrColFixHdr #container #header #navigation .btn_02 {

	margin-left: 90px;

}

.thrColFixHdr #container #header #navigation .btn_03 {

	margin-left: 50px;

}

.thrColFixHdr #container #header #navigation .btn_04 {

	margin-left: 65px;

}

.thrColFixHdr #container #header #navigation .btn_05 {

	margin-left: 80px;

}

.thrColFixHdr #container #header #navigation .btn_06 {

	margin-left: 80px;

}



.thrColFixHdr #container #mainContent #berkshire {



	background-color: #FFFFFF;



	vertical-align: middle;



	height: 75px;



}



.thrColFixHdr #container #mainContent #stanley_header {



	background-color: #FFF502;



	text-align: center;



}



.thrColFixHdr #container #mainContent .mFont {



	color: #000000;



}



.thrColFixHdr #container #mainContent .mFont p{



	color: #000000;



}.thrColFixHdr #container #mainContent .style56 {



	color: #000000;



	font-weight: bold;



}



#footer {



	height: 86px;



	margin: 0px;



	padding: 0px;



}



#address {

	float: left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 12px;

	font-weight: bold;

	margin-top: 5px;

	margin-right: 10px;

	margin-bottom: 7px;

	margin-left: 180px;

	text-align: left;

	color: #000000;



}



#contact {



	float: right;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 12px;



	line-height: 12px;



	font-weight: bold;



	margin-top: 5px;



	margin-right: 15px;



	margin-bottom: 7px;



	margin-left: 15px;



	color: #000000;



}

.thrColFixHdr #container #sidebar1 .linkbox .stanley a {

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	color: #0000FF;

	font-size: 12px;

	font-weight: normal;

	text-decoration: underline;

	background-color: #FFF502;

	text-align: center;

	position: relative;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 3px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 35px;

	padding-bottom: 0px;

	padding-left: 35px;

}

.thrColFixHdr #container #footer #footer_middle {

	margin-left: 390px;

	margin-right: 165px;

	text-align: center;

	margin-top: 5px;

}

.thrColFixHdr #container #sidebar1 .linkbox .go_green a {

	background-color: #57862E;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	color: #0000ff;

	font-weight: normal;

	font-size: 12px;

	text-decoration: underline;

	text-align: center;

	position: relative;

}