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

h3 { margin: 1em 0 5px; color: #00549b; font-style: italic; font-weight: normal; }
p { margin: 0 0 1em;  }

#ht_Title {
	height: 27px;
	width: auto;
	margin: 0 20px 10px 0;
	padding: 5px 8px 0 8px;
	color: #EEEEEE;
	background-color: #00549b;
	background: url('/images/footer-background.gif') repeat-x left top;
	font-size: 14px;
	font-style: italic;
}

/* ---
   styles.css Overrides
================================================ */

.tab-nav li a.selected { background-position: 0 0; color: #fff; }
	/* How-to: Step-By-Step extension */
	.how-to li a { width: 300px; line-height: 26px; background: url('/images/tab-diy-background300.gif') no-repeat -300px 0; color: #013666; }
	.how-to-225 li a { width: 225px; line-height: 26px; background: url('/images/tab-diy-background225.jpg') no-repeat -225px 0; color: #013666; }

/* End of Overrides
================================================ */


.ht_MainTitles {
	margin: 15px 0 5px 0;
	color: #00549b;
	font-style: italic;
	font-weight: normal;
}

.ht_SubstepTitles {
	margin: 15px 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #3d3d3d;
}

.ht_BulletList { margin: 0 0 1em; }
.ht_BulletList ul, .ht_BulletList ol { margin: 0; }

.ht_BulletList li {
	margin: 0 0 2px;
	padding: 0 0 5px 10px; 
	background: url(../images/bullet-crosshair.gif) no-repeat 1px 5px; color: #3d3d3d;
	color: #3d3d3d;
	line-height: 1.25em;
	list-style: none; 
}

.ht_BulletListSub li {
    margin: 5px 0 0 20px;
    padding: 0 0 0 0;
    background: none repeat scroll 0 0 transparent;
    font-size: 10px;
    list-style: disc outside none;
}

.ht_BulletListSub li span {
	font-size: 115%;
}

.hiddencontent p {
	margin-right: 18px;
	color: #3d3d3d;
}

.ht_LinkList {
	margin: 0 0 7px 0;
}

.ht_LinkListExtension {
	margin: -6px 0 7px 0;
}

.ht_LinkList li {
	
	line-height: 2em;
	font-size: 11px;
}

.ht_LinkListExtension li {
	
	line-height: 2em;
	font-size: 11px;
}


.ht_CriticalText {
	color: #ff0000;
}

#ht_NextLink {
	float: right;
	margin: 10px;
	display: none;
	padding: 0;
}

#ht_NextLink a {
	font-size: 12px;
	font-weight:700;
	text-decoration: none;
}

#ht_NextLink a:hover {
	text-decoration: underline;
}

#ht_NextLink img {
	margin: 0 0 0 8px;
}

#ht_PrevLink {
	float: left;
	margin: 10px 0px 10px 2px;
	display: none;
	padding: 0;
}

#ht_PrevLink a {
	font-size: 12px;
	font-weight:700;
	text-decoration: none;
}

#ht_PrevLink a:hover {
	text-decoration: underline;
}

#ht_PrevLink img {
	margin: 0 8px 0 0;
}


/*  Column Layouts
===================================  */

.ht_TwoCol_Content {
	height: auto;
	width: auto;
	margin: 0 20px 0 0;
	
}

.TwoCol_Col_1_Small_Img {
	height: auto;
	width: 226px;
	margin: 15px 15px 0 0;
	padding: 0 0 0 0;
	float: left;
	background: url('/images/how-to-protect-waterproof-wood/imageFrame1.gif') no-repeat;
}


.TwoCol_Col_1_Small_Img img {
	margin: 3px;
}


.TwoCol_Col_1_L_Img {
	height: auto;
	width: 226px;
	margin: 15px 15px 0 0;
	padding: 0 0 0 0;
	float: left;
	background: url('/images/how-to-protect-waterproof-wood/imageFrame2.gif');
}


.TwoCol_Col_1_L_Img img {
	margin: 3px;
}


.TwoCol_Col_2 {
	height: auto;
	float: left;
	width: auto;
	max-width: 480px;
}

.TwoCol_Col_Extra {
	height: auto;
	width: 330px;
	float: right;
	margin: 15px 15px 0 15px;
	background-color: red;
}


/*  Shopping list
===================================  */
/* UL class */
.ProductListUL {
	font-size: 110%;
	margin: 1em 0;
	padding: 0;
}
.ProductListUL li {
	padding: 0 0 0 11px;
	background: url(../images/bullet-crosshair.gif) no-repeat .1em .5em;
	color: #3D3D3D;
	font-size: inherit;
	line-height: 1.5;
}

/* To create boxed outline, the order is ht-outline, ht-outline-top, ht-outline-bottom */
.ht-outline { 
	margin: 0 0 0 10px;
	width: 584px;
	background: url(/images/how-to-protect-waterproof-wood/box-vertical.gif) repeat-y 0 0;
}

.ht-outline-top, 
.ht-outline-bottom { background-image: url(/images/how-to-protect-waterproof-wood/box-horizontal.gif); background-repeat: no-repeat; }

.ht-outline-top    { background-position: left top; }
.ht-outline-bottom { background-position: left bottom; padding: 5px 10px 10px 10px; }

.ht-stepbystep_list { margin: 0 0 1em; color: #3D3D3D; font-size:11px; line-height: 1.3; }
.ht-stepbystep_list td { padding-bottom: 7px; vertical-align: top; }

/* The class, .ht-button-submit, works for submit inputs and anchor links. */
.ht-button-submit { 
	margin-left: 11px; 
	padding: 3px 6px 3px; 
	border: 0 none; 
	background: #013666 none repeat scroll 0 0; 
	color:#FFFFFF; 
	font: bold 12px/1 Arial,Helvetica,sans-serif; 
	text-decoration: none; 
}


/* end shopping list =================  */





/*  
	width: 480px;
	Light Text Blue =  4c9bde
	Dark Text Blue =  00549b
	
*/

.h-wrapper h1 sup {font-size: 50%;}


.step-video{
	background:url("/images/videoFrame.gif") no-repeat scroll 0 0 transparent;
	height:99%;
	width:330px;
	margin:15px 15px 0 0;
	float:right;
}

.step-video a { margin:3px;}