@charset "UTF-8";

/* -----------------------------------------------------------------------------
	Products Hub Pages
----------------------------------------------------------------------------- */
/* #banner-display-body -> .highlight-block, block modifiers */
.hl-prod { margin-right: 17px; }
.hl-prod-content { width: 700px; }

.products-content {
	float: left;
	margin-right: 12px;
	width: 221px;
	padding-top: 25px;
}

/*.products-content h2 {
	margin: -10px 0 5px 0; color: #00539b; font-style: italic; font-size: 160%;
}*/

.products-content p {
	margin: 1em 0;
	/*font-size: 115%;*/
	line-height: 1.3;
}

.products-content p .cta {
	/*font-size: 95.6%;
	line-height: 1.3;*/
}

.products-content-image-link{
	display:block;
	width: 221px;
	height:150px;
	cursor:pointer;
}

.products-project-planner-image { float: left; margin: 0 18px 0 0; padding-bottom: 18px; }
.prod-project-planner-text { padding-top: 0px; width: 390px; }
/*.prod-project-planner-text h2 { margin: 0px 0 5px 0; color: #00539b; font-style: italic; font-size: 160%; font-weight:normal;}*/

/* #banner-display-body modifiers */
.product-masthead { padding-bottom: 18px; background: url(../images/waterproofing-products/product-masthead-background.gif) repeat-x 0 100%; }
.category-masthead { border-top: 4px solid #B2B2B2; }

.product-intro { float: left; margin-right: 15px; width: 455px; }
	/*.product-intro h1 {
		display: inline;
		padding: 3px 10px 3px 13px;
		background-color: #013666; 
		color: #ffffff; 
		font-size: 220%;
		font-style: italic; 
		font-weight: normal;
		line-height: 1.3;
	}
	.product-intro h1 sup { font-size: 50%; }*/
	.product-intro p { clear: left; /*color: #3d3d3d; font-size: 115%; line-height: 1.3;*/ }

.product-category-list { float: left; margin: 0 0 13px 0; width: 221px; }
	.product-category-list p { margin: 22px 0 15px 0; color: #3d3d3d; /*font-size: 115%;*/ font-weight: bold; /*line-height: 1.3;*/ }
	.product-category-list ul li { padding-bottom: 12px; }
		.product-category-list a { color: #559bd6; font-size: 10px; text-decoration: none; }
			.product-category-list a:hover { text-decoration: underline; }


.category-masthead { background: url(../images/waterproofing-products/category-background.gif) repeat-x 0 0; }
.category-intro { height: 128px; }
.category-intro h2 { float: left; margin: 31px 12px 0 0; width: 222px; color: #00529a; font-size: 180%; font-style: italic; font-weight: normal; line-height: 1.3; }
.category-intro h2.three { margin-top: 11px; }
	.category-notes { float: left; }
	.category-notes p { margin: 15px 0 10px 0; color: #3d3d3d;  font-weight: bold; }
	.category-notes ul { float: left; margin: 0 12px 0 0; padding: 0; list-style: none; width: 222px; }
	.category-notes ul li { margin: 0; padding: 0 0 5px 10px; list-style: none; background: url(../images/bullet-crosshair.gif) no-repeat 1px 5px; color: #3d3d3d;  }

.products-row { margin: 5px 0 30px; }
.product-item { margin: 0 12px 0 0; float: left; width: 222px; }
	.last-product-item { margin: 0;}
	.product-item h3 { margin: 0 0 5px; font-size: 110%; color: #3D3D3D; font-family: Arial, Helvetica, sans-serif; }
	.product-item a img { border: 0 none; }
	.product-item p { margin: 1em 0;  color: #3D3D3D;  }

/* -----------------------------------------------------------------------------
	Product Details Pages
----------------------------------------------------------------------------- */
/* #banner-display-body modifiers */
.product-details { }
.recommendations { padding-left: 30px; padding-bottom: 15px; width: 929px; }

.product-video { } /* Used in conjuntion with product-details to denote pages with a video player. See below for mods. */

	.product-details h2, 
	.recommendations h2 { margin: 15px 0 5px; color: #00529a; font-size: 160%; font-style: italic; font-weight: normal; line-height: 1.3; }
	
	.product-details h3,
	.recommendations h3  { margin: 15px 0 5px; color: #3d3d3d; font-family: Arial, Helvetica, sans-serif; font-size: 115%; font-weight: bold; line-height: 1.3; }

	.recommendations h3 a { text-decoration: none; }
	.recommendations h3 a:hover { text-decoration: underline; }

	.product-details p { margin: 0 0 10px; }

	.product-details .product-intro { width: 100%; } 

	.product-details table { width: 100%; background-color: #ffffff; border-bottom: 1px solid #ffffff; color: #3d3d3d; font-size: 115%; line-height: 1.3; }
	.product-details th { padding: 3px 0px 3px 10px; width: 49%; background-color: #c7c7c7; border-right: 2px solid #fff; font-weight: bold; text-align: left; }
	.product-details td { padding: 3px 0px 3px 10px; width: 49%; border-right: 2px solid #fff; }
		.alt td { background-color: #f2f2f2; }

	.product-details ul { margin: 0; padding: 0; list-style: none; }
	.product-details ul li { margin: 0; padding: 0 0 5px 10px; list-style: none; background: url(../images/bullet-crosshair.gif) no-repeat 1px 5px; color: #3d3d3d; font-size: 115%; line-height: 1.3; }
	.product-details ul li ul { margin: 0; padding: 5px 0 0; list-style: none; background: none; }
	.product-details ul li li { margin: 0; padding: 0 0 5px 0px; font-size: 100%; list-style: none; background: none; }

	.product-details .sublevel { margin-top: 0; clear: both; padding-bottom: 1em; }

	.product-details .productFocus { margin: 1em 0 .5em; font-style: italic; }

/* left column */
	#details-visuals { float: left; margin: 0px 13px 0 0; padding: 0 0 30px; width: 222px; }
		#details-visuals img { display: block; margin-bottom: 5px; }
		#details-visuals p .printer { display: block; margin-top: 30px; }
		#details-visuals ul { margin: 20px 0 0; padding: 0; background-image: none; }
		#details-visuals ul li { margin: 0 0 1em; padding: 0; background-image: none; }
		#details-visuals ul .printer { display: block; margin: 3em 0 0; }
		#details-visuals-magnifier {
			display: block;
			position: absolute;
			left: 20px;
			top: 10px;
			height: 175px;
			width: 222px;
			background: url(/images/waterproofing-products/magnifier.gif) no-repeat scroll 2px 132px;
			z-index: 10;
		}


/* center column */
	#details-intro { float: left; margin: 0px 13px 20px 0px; padding: 0 0 30px; width: 454px; }
		#details-intro p { color: #3d3d3d; font-size: 115%; line-height: 1.3; }
		.details-column { float: left; margin-right: 39px; width: 430px; }
		.recommended { float: left; margin: 10px 38px 0 0; width: 265px; }
			.recommended-image { float: left; margin-right: 7px; width: 135px; }
			.recommended h3 { margin-top: 0; }

/* right column */
	#details-search { float: left; margin: 0px 0px 20px 0px; padding: 0 0 30px; width: 222px; }

		/* width = 209 - pLeft - pRight */
		#find-retailer-search { float: right; padding: 7px 10px; width: 189px; background: #022243 url(../images/gradient-blue.jpg) repeat-x 0 0; }
		#find-retailer-search .search-box { width: 178px; }
		#find-retailer-search h2 { margin-top: 0; color: #ffffff; }
		#find-retailer-search p { width: 160px; color: #ffffff; }
			.zipcode-textbox { float: left; padding-top: 3px; width: 150px; border: 0 none; color: #8f8e8e; font-size: 10px; }

/* ----- Products that have a video on page. ----- */
	.product-video #details-intro { width: 343px; }
	.product-video #details-search { width: 333px; }

		#video-player { 
			margin-bottom: 18px; 
			padding: 6px 0 0 6px;
			height: 246px;  /*  252px - ptop */
			width: 327px;   /*  333px - pLeft */
			background: url(../images/waterproofing-products/video-frame.gif) no-repeat 0 0; 
		}

		#product-player { display: block; width: 320px; height: 240px; }
			


/* -----------------------------------------------------------------------------
	Adjusters should all be at the end of the file.
----------------------------------------------------------------------------- */
.cta-prod { position: absolute; right: 0; top: 12px; font-size: 95.6%; }  /* use inside a thickbox since thickbox is assigning a font size. */
	.cta-prod .cta { padding-right: 15px; }
	.highlight-block .cta-prod { top: 0px; }

p.cta-prod-det { float: right; margin: -15px 0 5px 0; }
	p.cta-prod-det .cta { padding-right: 15px; }

.last-item { margin-right: 0; }

.clearing { clear: both; }

/* -----------------------------------------------------------------------------
	All Products /Thickbox
----------------------------------------------------------------------------- */
/* The div #all-products is replaced by #TB_ajaxContent when activated. 
   There is also a script on the page to hide the div after load. */
#all-products { position: relative; margin: 0 auto; padding: 0 15px 10px; width: 930px; background-color: #ffffff; } 

#all-products .column, 
#TB_ajaxContent .column { float: left; margin: 0 20px 0px 0px; width: 290px; }

#all-products .last, 
#TB_ajaxContent .last { margin-right: 0; margin-top:0;}

#all-products .column .h-wrapper,
#TB_ajaxContent .column  .h-wrapper { margin: 10px 0 5px; }

#all-products .column h2, 
#TB_ajaxContent .column h2 { display: inline; padding: 3px 5px 3px; background-color: #013666; color: #ffffff; font-style: italic; font-size: 140%; }

#all-products .column h3, 
#TB_ajaxContent .column h3 { margin: 15px 0 5px; color: #013666; font-family: Arial, Helvetica, sans-serif; font-size: 100%; }

#all-products .column li, 
#TB_ajaxContent .column li { padding-bottom: 5px; line-height: 1.2; }

#all-products .column li a, 
#TB_ajaxContent .column li a { color: #013666; font-weight: normal; text-decoration: none; }

#all-products .column li a:hover, 
#TB_ajaxContent .column li a:hover { text-decoration: underline; }