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


		
			.pager
				{
				float: left;
				width: 580px;
				height: 30px;
				text-align: center;
				position: relative;
				}

				.pages
					{
					float: left;
					position: relative;
					top: 2px;
					left: 0px;
					display: none;
					}
									
				.pager a
					{
					height: 26px;
					width: 26px;
					float: left;
					}

					.pager span a
						{
						background: url(empty_box.jpg) no-repeat center;
						}
					
						.pager span a.cpage,
						.pager span a:hover
							{
							background: url(full_box.jpg) no-repeat center;
							}					

					.pager a.pnext
						{
						background: url(arrow_right.jpg) no-repeat center;
						}
			
					.pager a.pback
						{
						background: url(arrow_lelt1.jpg) no-repeat center;
						}
												
			.content
				{
				float: left;
				width: 580px;
				margin: 10px;
				margin-right: 9px;
				margin-bottom: 0px;
				}
				
				
				.panels, .prodinfo, .dpanels
					{
					float: left;
					width: 580px;
					margin-bottom: 0px;
					position: relative;
					overflow: hidden;
					}
					
					.dpanel
						{
						float: left;
						width: 580px;
						margin-top: 30px;
						padding-bottom: 40px;
						position: relative;
						display: none;
						min-height: 200px;
						}
						
						a.dnext, a.dback
							{
							position: absolute;
							right: 0px;
							bottom: 0px;
							display: block;
							height: 20px;
							width: 200px;
							padding: 3px;
							padding-right: 20px;
							font-weight: bold;
							text-transform: uppercase;
							text-align: right;
							background: url(images/next.png) no-repeat right center;
							}
							
						a.dback
							{
							left: 0px;
							padding-left: 20px;
							padding-right: 3px;
							text-align: left;
							background: url(images/back.png) no-repeat left center;
							}
					
				
						
						.dpanels, .detTabs
							{
							}
					
					.colpic
						{
						float: left;
						width: 280px;
						height: 480px;
						left: -280px;
						position: relative;
						}
						
		
					.coldesc
						{
						margin-left: 10px;
						float: left;
						width: 290px;
						left: 280px;
						padding-bottom: 10px;
						}
						
				
				.blockslider
					{
					float: left;
					height: 620px;
					position: relative;
					}
					
					.block
					{
					width: 580px;
					float: left;
					position: relative;
					}
					
					.ptitle
					{
					float: left;
					width: 23px;
					height: 180px;
					}
					
						.ptitle1 { background: url(images/steamshowerstag.gif) no-repeat bottom center; }
						.ptitle2 { background: url(images/otherproductstag.gif) no-repeat bottom center; }
					
					.panel
					{
					float: left;
					width: 555px;
					height: 180px;
					border: 1px solid #ccdadd;
					overflow: hidden;
					position: relative;
					margin-bottom: 10px;
					}
						
						.pflash
							{
							position: absolute;
							z-index: 2;
							top: 0px;
							left: 0px;
							}
						
					
						.panel3
							{
							width: 578px;
							height: 300px;
							}
					
						.panel3 .pane
							{
							position: relative;
							float: left;
							width: 191px;
							height: 300px;
							border-right: 1px solid #ccdadd;
							border-left: 1px solid #fff;
							background: url(images/panebg2.png) repeat-x bottom;
							overflow: hidden;							
							}
							
							
						.pslide
							{
							width: 1600px;
							float: left;
							}
					
						.panel2 .pane,
						.panel1 .pane
							{
							position: relative;
							float: left;
							width: 184px;
							height: 179px;
							border-right: 1px solid #ccdadd;
							border-left: 1px solid #fff;
							border-bottom: 1px solid #fff;
							background: url(images/panebg.png) repeat-x bottom;
							overflow: hidden;
							}
						
						.panel3 a.productname,	
						.panel2 a.productname,
						.panel1 a.productname
							{
							position: absolute;
							top: 10px;
							left: 10px;
							width: 160px;
							font-weight: bold;
							font-family: "Trebuchet MS", Arial;
							font-size: 14px;
							color: #000;
							text-transform: uppercase;
							line-height: 14px;
							}
							
							.panel3 a.productname
							{
							top: 200px;
							width: 170px;
							}
						
						.panel3 .productimage,	
						.panel2 .productimage,
						.panel1 .productimage
							{
							position: absolute;
							top: 20px;
							left: 10px;
							width: 64px;
							height: 124px;
							cursor: pointer;
							background: url(images/load.gif) no-repeat center 90px;
							}
							
							
							.panel3 .productimage
								{
								height: 190px;
								width: 170px;
								top: 5px;
								background: url(images/load.gif) no-repeat center;
								}
							
							.panel .productimage img
								{
								position: absolute;
								bottom: 0px;
								left: 0px;
								}
						
						.panel3 .productdesc,
						.panel2 .productdesc,
						.panel1 .productdesc
							{
								position: absolute;
								top: 35px;
								left: 85px;
								width: 95px;
							}
							
							.panel3 .productdesc
							{
								top: 230px;
								left: 10px;
							}
						
						.panel3 .productprice,
						.panel2 .productprice,
						.panel1 .productprice
							{
								position: absolute;
								top: 100px;
								left: 85px;
								color: #f00;
								font-size: 20px;
								font-weight: bold;
							}
						
							.panel3 .productprice
							{
								top: 230px;
								left: 115px;
							}
						
						.panel2 .productcat,
						.panel1 .productcat
							{
								position: absolute;
								left: 10px;
								bottom: 5px;
								padding-left: 20px;
								background: url(images/next.png) no-repeat left center;
								font-weight:bold;
								text-transform: uppercase;
								color: #000;
								width: 110px;
								overflow: hidden;
								white-space: nowrap;
							}
							
								.panel2 .productcat
									{
									width: 85px;
									}
						
						.panel3 .buynow,
						.panel2 .buynow,
						.panel1 .buynow
							{
							position: absolute;
							bottom: 0px;
							left: 85px;
							}
							
						.panel3 .buynow
							{
							left: 115px;
							bottom: -14px;
							background: url(images/buy2.png) no-repeat;
							}
							
							.buynow
								{
								background: url(images/buy1.png) no-repeat;
								display: block;
								height: 55px;
								width: 68px;
								}
								
								.buynow span
								{
								display: none;
								}

						.buynow.buynow3
							{
							top: 337px;
							left: 0px;
							width: 101px;
							height: 81px;
							background: url(images/buy3.png) no-repeat;
							}
							
								
						.panel2 .pane
						{
						width: 122px ;
						}

						.panel2 .pane.pselected
						{
						width: 184px ;
						}

						.panel2 .buynow,
						.panel2 .productprice,
						.panel2 .productdesc
						{
						display: none;
						}

						.panel2 .pselected .buynow,
						.panel2 .pselected .productprice,
						.panel2 .pselected .productdesc
						{
						display: block;
						}
						
						.panel2 a.productname
						{
						width: 100px;
						}

						.panel2 .pselected a.productname
						{
						width: 160px;
						}
						
						.panel2 .productimage
						{
						left: 30px;
						}												


						.panel2 .pselected .productimage
						{
						left: 10px;
						}
																	
				.newsbox
					{
					float: left;
					width: 580px;
					background: url(images/nbox.png) repeat-y;
					}
					
					.newsbox h3
						{
						color: #fff;
						font-size: 14px;
						}
						
					.newsbox a
						{
						background: url(images/arr1.png) no-repeat left center;
						padding-left: 12px;
						color: #fff;
						}

						a.productcat:hover,
						a.productname:hover,
						.newsbox a:hover 
							{
							color: #086c9e;
							}
						
					ul.tri
						{
						margin-left: 0px;
						padding-left: 20px;
						}
						
						ul.tri li
							{
							list-style: none;
							margin-bottom: 5px;
							}
					
					div.remodeling
					{
					float: left;
					width: 270px;
					padding: 10px;
					}
					
					div.ideas
					{
					float: left;
					width: 269px;
					padding: 10px;
					}
				
			.rightpanel
				{
				float: left;
				width: 310px;
				margin-top: 10px;
				margin-bottom: 0px;
				}
				
				.featpanel, .featpanel2
					{
					background: url(images/featbg.jpg) no-repeat;
					height: 240px;
					position: relative;
					}
					
					.feattitle
						{
						font-weight: bold;
						text-transform: uppercase;
						color: #fff;
						padding: 5px;
						font-size: 14px;
						border-bottom: 1px solid #fff;
						}
				
						.featpanel .productname
							{
							position: absolute;
							top: 40px;
							left: 170px;
							padding-right: 10px;
							font-size: 14px;
							text-transform: uppercase;
							font-family: Arial, Helvetica, sans-serif;
							font-weight: bold;
							color: #fff;
							}
							
						.featpanel .productdesc
							{														
							position: absolute;
							top: 80px;
							left: 170px;
							padding-right: 10px;
							}
							
						.featpanel .productprice
							{
							position: absolute;
							top: 130px;
							left: 170px;
							color: #f00;
							font-weight: bold;
							font-size: 24px;
							}
							
						.featpanel .buynow
							{
							position: absolute;
							top: 165px;
							left: 170px;
							width: 90px;
							height: 73px;
							background: url(images/buy4.png) no-repeat;
							}
							
						.featpanel .productimage
							{
							height: 190px;
							width: 170px;
							position: absolute;
							top: 30px;
							left: 0px;
							background: url(images/load2.gif) no-repeat center;
							float: left;
							cursor: pointer;
							}
				
					
						.featpanel2
							{
							overflow: hidden;
							background: #fff url(images/load.gif) no-repeat center;
							height: 258px;
							width: 308px;
							border: 1px solid #ccdadd;
							margin-bottom: 10px;
							}
							
							.featpanel2 .feattitle
								{
								color: #578890;
								position: relative;
								z-index: 4;
								border-bottom: 1px solid #ccdadd;
								}
							
							.prod
								{
								background: url(images/load.gif) no-repeat center;
								overflow: hidden;
								position: absolute;
								top: 70px;
								left: 310px;
								float: left;
								width: 80px;
								cursor: pointer;
								}
								
							.fleft, .fright
								{
								width: 22px;
								height: 46px;
								position: absolute;
								background: url(images/back.png) no-repeat center;
								bottom: 0px;
								left: 10px;
								}
								
									.fright
										{
										background: url(images/next.png) no-repeat center;
										left: auto;
										right: 10px;
										}
										
									#ftitle
										{
										left: 32px;
										width: 246px;
										text-align: center;
										height: 30px;
										position: absolute;
										z-index: 4;
										bottom: 0px;
										color: #000;
										font-size: 14px;
										font-weight: bold;
										text-transform: uppercase;
										display: block;
										}							
				
				.wpanel, .featpanel
					{
					float: left;
					width: 310px;
					margin-bottom: 10px;
					}
					
					.wpanel .tri a
						{
						background: url(images/arr1.png) no-repeat left center;
						padding-left: 12px;
						color: #086c9e;
						}

						.wpanel .tri a:hover
							{
							text-decoration: underline;
							}
											
					.wtitle
						{
						float: left;
						width: 290px;
						padding: 8px 10px;
						background: #fff;
						color: #fff;
						font-size: 14px;
						font-weight: bold;
						background: #000 url(images/up.gif) no-repeat 20px bottom;
						}
						
					.wbody
						{
						float: left;
						padding: 10px;
						width: 290px;
						background: url(images/grad1.png) repeat-x top;
						}
						
						.caption
							{
							clear: both;
							display: block;
							width: 130px;
							text-align: center;
							}
					
						.catform
							{
							background: url(images/grad1.png) repeat-x top;
							}
					
					.col1
						{
						width: 220px;
						float: left;
						overflow: hidden;
						}
						
					.col3
						{
						float: left;
						width: 130px;
						margin-bottom: 10px;
						}
						
					.col4
						{
						float: left;
						width: 160px;
						}
						
						.col4 div
							{
							float: left;
							}
							
					.col2
						{
						float: left;
						width: 70px;
						padding-top: 18px;
						margin-left: 0px;
						}
					
					.tb, .ta
						{
						border: 1px solid #a5c5da;
						padding: 2px;
						margin: 0px;
						margin-top: 2px;
						color: #444;
						float: left;
						}
						
						.ta { overflow: auto; }
						
					button.submit
						{
						background: url(images/submit.png) no-repeat;
						border: 0px;
						width: 68px;
						height: 55px;
						margin: 0px;
						cursor: pointer;
						}
					
						button.submit2
							{
							background: url(images/submit2.png) no-repeat;
							}
					
					.hw
						{
						width: 95px;
						}
						
					.lhw
						{
						width: 101px;
						margin-right: 2px;
						}
					
					.fw
						{
						width: 204px;
						}
			

					
.dgallery a
	{
	display: block;
	height: 90px;
	width: 70px;
	float: left;
	margin-right: 10px;
	background: url(images/load.gif) no-repeat center 27px;
	}
	
	.dgallery img
		{
		}
		
.dpanel h2
	{
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 0px;
	}