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

body
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 10px;
	padding-top: 20px;
	background: #d1dadc url(images/bg.png) repeat-x left 140px;
	text-align:center;
	color: #333;
	}

h1,h2
	{
	margin: 0px;
	margin-bottom: 10px;
	}

p,h3
	{
	margin-top: 10px;
	margin-bottom: 10px;	
	}

h3
	{
	margin-bottom: 0px;
	font-size: 12px;
	}

input, textarea
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
form
	{
	margin: 0px;
	}
	
a
	{
	color: #547578;
	text-decoration: none;
	}	
	
.container
	{
	width: 920px;
	position: relative;
	margin: auto;
	text-align: left;
	overflow: visible;
	}
	
	.lbg, .rbg
		{
		position: absolute;
		top: 0px;
		width: 10px;
		height: 320px;
		background-repeat: no-repeat;
		float: left;
		}
		
		.lbg {background-image: url(images/lbg.png); left: -10px;}
		.rbg {background-image: url(images/rbg.png); right: -10px;}
		
	.subcontainer
		{
		}
	
		.header
			{
			height: 130px;
			position: relative;
			background: url(images/mbg.png) repeat-x left -10px #fff;
			margin-top: 10px;
			}
			
			.shipto
				{
				position: absolute;
				top: -20px;
				right: 0px;
				text-transform: uppercase;
				font-size: 11px;
				}
				
				.shipto span
					{
					}
				
				.shipto img
					{
					margin-bottom: -1px;
					}
			
			.contactbox
				{
				position: absolute;
				top: 40px;
				right: 260px;
				background: url(images/chatter.gif) no-repeat right top;
				text-align: right;
				padding-right: 58px;
				padding-top: 25px;
				height: 60px;
				}
				
					a.chatlive
					{
					background: url(images/chat.gif) no-repeat right center;
					padding-top: 3px;
					padding-right: 30px;
					font-size: 18px;
					color: #0b6ca3;					
					}
					
					.callus
					{
					font-size: 18px;
					}
			
			#searchbox div.hider
				{
				background: none;
				float: left;
				overflow: hidden;
				width: 174px;
				height: 25px;
				margin-top: 3px;
				}
			
			#searchbox
				{
				position: absolute;
				top: 40px;
				right: 0px;
				width: 250px;
				height: 100px;
				background: url(images/search.png) no-repeat 0px 18px;
				}
				
				#searchbox div.sInside
					{
					position: absolute;
					top: 18px;
					left: 0px;
					}
					
				input.sbox
					{
					border: 0px solid #ccc;
					margin: 1px;
					width: 154px;
					height: 23px;
					margin: -2px 0 0 -2px;
					padding: 4px 12px 2px 12px;
					background: none;
					float: left;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 14px;
					font-weight: bold;
					color: #0033FF;
					}
					
				button.sbtn
					{
					border: 0px;
					width: 65px;
					height: 27px;
					background: none;
					}
			
			.logo
				{
				position: absolute;
				top: 44px;
				left: 10px;
				width: 170px;
				height: 40px;
				background: url(images/logo.png) no-repeat;
				}
				
				.logo h1
					{
					display: none;
					}
				
			.slogan
				{
				position: absolute;
				top: 8px;
				left: 10px;
				font-size: 12px;
				font-weight: normal;
				margin-bottom: 0px;
				}
				
			.topmenu
				{
				float: left;
				position: absolute;
				right: 0px;
				top: 0px;
				}
				
				.topmenu a
					{
					display: block;
					float: left;
					padding: 8px 6px;
					}
					
				.topmenu a:hover
					{
					text-decoration: underline;
					color: #333;
					}
					
				.navmenu
					{
					position: absolute;
					top: 100px;
					left: 0px;
					width: 920px;
					height: 30px;
					background: #000 url(images/navbg.png) repeat-x;
					overflow: hidden;
					}
					
					.navmenu a
						{
						float: left;
						display: block;
						color: #fff;
						padding: 7px 14px;
						font-weight: bold;
						text-transform: uppercase;
						text-align: center;
						font-size: 14px;
						}
						
						#nav1 { width: 155px; padding: 7px 0px; }
						#nav9 { background: url(images/cbg.png) repeat-x top; position:absolute; right: 0px; }
						
						.navmenu a:hover, .navmenu a.sel
							{
							background: url(images/navbg.png) repeat-x bottom;
							}
							
						a#nav9:hover, .navmenu a#nav9.sel
							{
							background: url(images/cbg.png) repeat-x bottom;
							}
			
		.body
			{
			float: left;
			width: 920px;
			min-height: 400px;
			background: #fff;
			}
			
			#mainflash
				{
				float: left;
				height: 300px;
				width: 599px;
				margin-right: 1px;
				background: url(images/load.gif) no-repeat center #fff;
				padding: 0px;
				}
				
				#mainflash embed
					{
					}
				
				.mcontrols
					{
					position: absolute;
					left: 10px;
					top: 400px;
					float: right;
					}
					
					.mcontrols a
						{
						display: block;
						float: left;
						margin-right: 5px;
						color: #fff;
						font-weight: bold;
						font-size: 11px;
						background: #0a6ca2;
						padding: 2px 4px;
						}
						
						.mcontrols a.mp
							{
							background: #7ea7bd;
							}
				
			#tvflash
				{
				background: url(images/load.gif) no-repeat center;
				float: left;
				height: 240px;
				width: 320px;
				}
				
				.tvcontrol
					{
					float: left;
					width: 310px;
					height: 50px;
					padding: 5px;
					background: url(images/tvbottom.png) no-repeat bottom right;
					position: relative;
					z-index: 1;
					}
					
					.rightpanel .tvcontrol
					{
					width: 300px;
					}
					
					.tvcontrol a
						{
						float: left;
						margin-right: 5px;
						}
						
						a.nowp
							{
							position: relative;
							top: -11px;
							margin-bottom: -11px;
							background: url(images/up.gif) no-repeat top center;
							padding-top: 11px;
							}
					
					.tvcontrol img
						{
						border: 1px solid #fff;
						float: left;
						}
					
					#morevid
						{
						height: 50px;
						width: 100px;
						display: block;
						position: absolute;
						right: 0px;
						top: 5px;
						}
			
			.topbar
				{
				margin: 10px;
				margin-bottom: 0px;
				height: 24px;
				clear: both;
				position: relative;
				}
				
				.topbar h1, h2.htitle
					{
					font-size: 24px;
					color: #1d5892;
					font-weight: normal;
					font-family: "Trebuchet MS", Arial;
					margin-bottom: 0px;
					}
			
				.breadcrumb
					{
					position: absolute;
					top: 0px;
					right: 10px;
					}
					
					.breadcrumb a
						{
						float: left;
						display: block;
						padding: 4px;
						padding-left: 20px;
						margin-left: 10px;
						background: url(images/next.png) no-repeat left center;
						text-transform: uppercase;
						font-weight: bold;
						color: #1d5892;
						}
						
					.breadcrumb a:hover
						{
						color: #086c9e;
						}
			
			.catflash
				{
				float: left;
				width: 580px;
				height: 180px;
				padding-bottom: 10px;
				background: url(images/load.gif) no-repeat center 90px;
				}
			
			.tabs
				{
				float: left;
				width: 580px;
				position: relative;
				background: url(images/tabbg.png) no-repeat bottom center;
				}
				
				.tabs a
					{
					float: left;
					border: 1px solid #ccdadd;
					border-bottom: 0px;
					padding: 6px 6px;
					padding-bottom: 5px;
					margin-right: 2px;
					display: block;
					background: url(images/tab.png) repeat-x;
					color: #578890;
					text-transform: uppercase;
					font-weight: bold;
					}
					
				.tabs a:hover, .tabs a.ctab
					{
					background: #fff;
					border-bottom: 1px solid #fff;
					position: relative;
					}
			
			.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(images/page.png) no-repeat center;
						}
					
						.pager span a.cpage,
						.pager span a:hover
							{
							background: url(images/pageover.png) no-repeat center;
							}					

					.pager a.pnext
						{
						background: url(images/next.png) no-repeat center;
						}
			
					.pager a.pback
						{
						background: url(images/back.png) 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;
							}
					
					table.spec
						{
						width: 580px;
						border: 1px solid #ccdadd;
						border-bottom: 0px;
						}
						
					table.spec td
						{
						padding: 5px;
						border-top: 1px solid #fff;
						border-bottom: 1px solid #ccdadd;
						background: url(images/specbar.png) repeat-y;
						}
						
						table.spec tr.even td
							{
							background: url(images/specbar2.png) repeat-y;
							}

						table.spec tr:hover td
							{
							background: #ccdadd;
							border-top: 1px solid #ccdadd;
							}
					
						table.spec h2
							{
							font-size: 12px;
							margin: 0px;
							}
					
					.prodinfo
						{
						background: url(images/floorbg.png) no-repeat center 260px;
						background: none;
						}
						
						.dpanels, .detTabs
							{
							}
					
					.colpic
						{
						float: left;
						width: 280px;
						height: 480px;
						left: -280px;
						position: relative;
						}
						
						a.magnify
						{
						cursor: pointer;
						position: absolute;
						right: 10px;
						top: 320px;
						float: left;
						display: block;
						width: 30px;
						height: 20px;
						background: url(images/magnify.png) no-repeat;
						}

						.prodgal
							{
							float: left;
							margin-left: 10px;
							width: 270px;
							overflow: hidden;
							position: absolute;
							bottom: 10px;
							}

						.prodgal a
							{
							display: block;
							float: left;
							height: 90px;
							margin-right: 20px;
							}
						
						
					.coldesc
						{
						margin-left: 10px;
						float: left;
						width: 290px;
						left: 280px;
						padding-bottom: 10px;
						}
						
						h1.product, h2.product
							{
							margin: 0px;
							font-size: 30px;
							font-weight: normal;
							color: #06a;
							background: #fff;
							}
							
						.proddesc
							{
							width: 285px;
							text-align: justify;
							}
						
						h2.proddesc
							{
							font-size: 12px;
							font-weight: normal;
							color: #333;
							}
						
							.proddesc ul
								{
								margin: 0px;
								padding: 0px;
								}
								
								.proddesc li
									{
									margin-left: 15px;
									list-style: square;
									}
						
						.prodprice
							{
							margin-top: 10px;
							}
							
							.prodprice .price
								{
								font-size: 24px;
								font-weight: bold;
								text-decoration: line-through;
								}
							
							.prodprice .sale
								{
								color: #c00;
								text-decoration: none;
								}
						
						.prodtags
							{
							background: red;
							}
							
							.prodtags div
								{
								float: left;
								margin-bottom: 10px;
								width: 130px;
								}
								
								.warranty
									{
									height: 42px;
									background: url(images/warranty.png) no-repeat left;
									}
								.delivery
									{
									height: 42px;
									background: url(images/delivery.png) no-repeat left;
									}
									
								.bbbonline
									{
									height: 43px;
									background: url(images/bbbonline.png) no-repeat left;
									display: none;
									}
									
								.hacksafe
									{
									height: 54px;
									background: url(images/hacksafe.png) no-repeat left top;
									}
									
								.cards
									{
									height: 50px;
									background: url(images/cc.gif) no-repeat left;
									}
						
							.prodtags span
								{
								display: none;
								}
				
				.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: #c00;
								color: #b00;
								color: #5BB0E5;
								font-size: 18px;
								font-weight: bold;
								letter-spacing: -1px;
							}
						
							.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: 105px;
							bottom: -14px;
							width: 80px;
							background: url(images/buy12.png) no-repeat;
							}
							
							.buynow
								{
								background: url(images/buy11.png) no-repeat;
								display: block;
								height: 55px;
								width: 80px;
								}
								
								.buynow span
								{
								display: none;
								}

						.buynow.buynow3
							{
							top: 337px;
							left: 0px;
							width: 101px;
							height: 81px;
							background: url(images/buy13.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, .newsbox h2
						{
						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: 120px;
							height: 73px;
							background: url(images/buy14.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;
						margin: 0px;
						}
						
					.wbody
						{
						margin: 0px;
						float: left;
						padding: 10px;
						width: 290px;
						background: url(images/grad1.png) repeat-x top;
						font-weight: normal;
						font-size: 12px;
						}
						
						.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;
						}
			
		.footer
			{
			float: left;
			width: 920px;
			position: relative;
			background: url(images/bbg.png) repeat-x left 0px;
			padding-bottom: 20px;
			}
			
			.footer h2
				{
				font-size: 12px;
				font-weight: normal;
				color: #555;
				margin-bottom: 10px;
				}
			
			.toolsmenu
				{
				text-align: right;
				padding: 10px;
				margin-top: 15px;
				margin-bottom: 20px;
				}
				
				.toolsmenu a
					{
					padding-left: 20px;
					}
					
				.toolsmenu a:hover, .footmenu a:hover
					{
					text-decoration: underline;
					}
			
			.copyright
				{
				text-align: center;
				}
				
				.copyright h3
					{
					margin-bottom: 10px;
					}
				
				.copyright p
					{
					color: #777;
					}
				
			.footmenu
				{
				text-align: center;
				}
				
				.footmenu a
					{
					padding: 0px 10px;
					}
					
.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;
	}
	
/* Buy For */

.buypanel
	{
	background: #fff url(images/panebg2.png) repeat-x bottom;
	float: left;
	width: 578px;
	border: 1px solid #ccdadd;
	}
	
	.buypanel .response
		{
		margin: 10px;
		}
	
.buyform h3
	{
	clear: both;
	float: left;
	margin: 10px 0px;
	color: #547578;
	border-bottom: 1px solid #ccdadd;
	width: 558px;
	padding: 5px 10px;
	}	

.note
	{
	clear: both;
	float: left;
	width: 558px;
	padding: 5px;
	}

				.creditcards a
					{
					float: left;
					width: 31px;
					height: 19px;
					border: 1px solid #ccc;
					margin-top: 5px;
					margin-bottom: 5px;
					}
					
					a.visa { background: url(images/visa.gif) no-repeat }
					a.mcrd { background: url(images/mcard.gif) no-repeat }
					a.amex { background: url(images/amex.gif) no-repeat }
					a.dscy { background: url(images/discover.gif) no-repeat }

.fitem
	{
	clear: both;
	}
	
	.buyform .fw
		{
		width: 300px;
		}
		
		.fitem .w1
		{
		width: 130px;
		}
		
		.fitem .w2
		{
		width: 126px;
		}
	
	.fitem label
		{
		float: left;
		width: 120px;
		margin-right: 10px;
		text-align: right;
		}
		
		.fitem .midlabel
		{
			width: 23px;
			margin-left: 5px;
			text-align: left;
			color: #888;
			padding: 0px;
		}
		
	.fitem input
		{
		float: left;
		}
		

.buyform .buynow3
	{
	background: url(images/buy12.png) no-repeat;
	border: 0px;
	padding: 0px;
	margin: 0px;
	height: 40px;
	width: 80px;
	cursor: pointer;
	margin-bottom: 1px;
	}
	
	.buyform .buynow3 span
		{
		display: none;
		}
		
.specsheet
	{
	float: left;
	background: url(images/specsheet.gif) no-repeat left top;
	padding-left: 110px;
	padding-bottom: 10px;
	width: 100px;
	text-align: left;
	margin-right: 10px;
	}
	
	.specsheet a
		{
		display: block;
		padding: 5px;
		padding-left: 0px;
		margin-bottom: 5px;
		float: left;
		width: 90px;
		}
		
	.installdet
		{
		}

#searchresult
	{
	position: absolute;
	right: 11px;
	top: 100px;
	background: #fff;
	z-index: 999;
	float: left;
	width: 240px;
	display: none;
	}
	
	.sClear
		{
		position: absolute;
		background: url(images/close.gif) no-repeat center;
		z-index: 4;
		width: 16px;
		height: 16px;
		float:left;
		display: none;
		top: 23px;
		left: 160px;
		}
		
		.sload
			{
			background: url(images/load.gif) no-repeat center;
			}
	
	a.sritem
		{
		display: block;
		float: left;
		clear: both;
		width: 230px;
		padding: 5px;
		border-bottom: 1px dotted #ccc;
		background: url(images/specbar.png) repeat-y left;
		position: relative;
		}
		
		.srtop
			{
			background: #547578;
			color: #fff;
			font-weight: bold;
			padding: 5px;
			width: 230px;
			overflow: hidden;
			}
		
		a.sritem:hover, a.srSelected
			{
			background: #ccdadd url(images/bg.png) repeat-x bottom;
			}
		
		.srpic
			{
			float: left;
			width: 32px;
			height: 44px;
			padding: 5px;
			margin-right: 5px;
			border: 1px solid #ccc;
			background: url(images/load.gif) no-repeat center #fff;
			}
			
			.srpic img
				{
				border: 0px;
				width: 32px;
				height: 44px;
				}
			
		.srtitle
			{
			float: left;
			width: 160px;
			font-weight: bold;
			}
			
		.srbody
			{
			float: left;
			width: 160px;
			color: #333;
			}
			
			.srprice
				{
				color: #f00;
				font-weight: bold;
				}


.contactbox div.creditcards
	{
	position: absolute;
	top: -6px;
	right: 60px;
	}							
	
.contactbox div.creditcards a
	{
	margin-left: 5px;
	border: 1px solid #547578;
	}
	
.fshipping
	{
	position: absolute;
	padding: 5px;
	padding-left: 20px;
	background: url(images/lorry.png) no-repeat left;
	color: #c00;
	top: 38px;
	left: 340px;
	}
	
	.meditem
		{
		clear: both;
		margin-bottom: 10px;
		margin-left: 10px;
		margin-top: 10px;
		float: left;
		width: 500px;
		}
		
		.meddesc
			{
			float: left;
			width: 380px;
			}
	
	.medtitle
		{
		font-size: 16px;
		font-weight: bold;
		color: #0066CC;
		}
		
	.medpic
		{
		float: left;
		width: 100px;
		height: 100px;
		margin-right: 10px;
		overflow: hidden;
		}
		
	.wbody .meditem
		{
		width: 270px;
		}
		
	.wbody .meddesc
		{
		width: 150px;
		}
		
	.privacypolicy
		{
		clear:both; 
		margin: 10px 0px; 
		float: left;
		}
		
		.privacypolicy a
			{
			padding-left: 20px;
			background: url(images/shield.png) no-repeat left;
			}
			
		.tools
			{
			display: block;
			float: left;
			width: 300px;
			margin-bottom: 10px;
			}
			
			.tools a
				{
				float: left;
				display: block;
				margin-right: 10px;
				line-height: 16px;
				}
			
			.bookmark
				{
				padding-left: 20px;
				background: url(images/star.png) no-repeat left;
				}
				
			.print
				{
				padding-left: 20px;
				background: url(images/printer.png) no-repeat left;
				}