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

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

.hpromo
	{
	display: none;
	}

.preload
	{
	position: absolute;
	top: -8000px;
	}

form
	{
	margin: 0px;
	}

p
	{
	margin: 10px 0px;
	}
	
a
	{
	text-decoration: none;
	color: #0c447c;
	}

h1
	{
	margin: 0px;
	font-size: 24px;
	font-weight: normal;
	}

.tb
	{
	border: 1px solid #a5e4f7;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555;
	}
	
.container
	{
	margin: auto;
	padding: 0px;
	text-align: left;
	width: 760px;
	border-top: 0px solid red;
	}
	
	.header
		{
		float: left;
		margin-left: -9px;
		width: 769px;
		height: 140px;
		background: url(images/header.png) no-repeat right top;
		position: relative;
		}
		
		.calltime
			{
			font-size: 18px;
			position: absolute;
			color: #000;
			top: 42px;
			left: 280px;
			letter-spacing: -1px;
			text-align: right;
			}
			
				.telnum b
					{
					color: red;
					text-transform: uppercase;
					font-size: 18px;
					vertical-align: text-top;
					}
					
				.telnum
					{
					font-weight: bold;
					font-size: 24px;
					vertical-align: top;
					letter-spacing: normal;
					}
					
				.opentil
					{
					margin-top: -5px;
					color: #aaa;
					}
					
			div.promo
				{
				position: absolute;
				background: url(images/header.png) no-repeat;
				background-position: -522px -12px;
				display: none;
				color: #000;
				top: 12px;
				right: 35px;
				padding: 20px 6px;
				height: 42px;
				width: 198px;
				text-align: center;
				font-size: 18px;
				letter-spacing: -1px;
				white-space: nowrap;
				overflow: hidden;
				}
				
			.navmenu
				{
				position: absolute;
				top: 110px;
				left: 30px;
				float: left;
				}
				
				.navmenu a
					{
					color: #fff;
					float: left;
					display: block;
					padding: 7px 10px;
					padding-bottom: 8px;
					background: url(images/navborder.gif) no-repeat center right;
					}
					
					.navmenu a:hover
						{
						background: url(images/navover.gif) repeat-x center;
						}
					
					.navmenu a span
						{
						background: url(images/navarrow.gif) no-repeat center right;
						padding-right: 20px;
						}
		
		a.logo
			{
			float: left;
			width: 260px;
			height: 68px;
			background: url(images/logo.png) no-repeat bottom left;
			position: absolute;
			top: 30px;
			left: 30px;			
			}
			
			.logo h1
				{
				color: #000;
				font-size: 24px;
				font-weight: normal;
				letter-spacing: -2px;
				position: absolute;
				top: 14px;
				left: 100px;
				}
			
				.logo h1 b
					{
					display: none;
					}
			
			.logo i
				{
				color: #999;
				position: absolute;
				top: 38px;
				left: 100px;
				font-weight: bold;
				letter-spacing: -1px;
				font-size: 14px;
				}
		
		.search
			{
			position: absolute;
			top: 115px;
			right: 15px;
			}
			
			#qsearch
				{
				border: 0px;
				padding: 2px;
				font-size: 12px;
				font-family: Arial, Helvetica, sans-serif;
				width: 160px;
				vertical-align: top;
				float: left;
				color: #555;
				}
				
			.qbutton
				{
					background: url(images/q.png) no-repeat center;
					border: 0px;
					height: 20px;
					width: 20px;
					margin-left: 5px;
					vertical-align: top;
					float: left;
				}
				
	.body
		{
		float: right;
		width: 760px;
		overflow: hidden;
		background: #fff;
		}
		
		.minheight
			{
			height: 500px;
			float: left;
			width: 1px;
			}
			
		.content
			{
			float: left;
			width: 750px;
			padding: 10px;
			overflow: visible;
			}
			
		.showerlist
			{
			float: left;
			width: 750px;
			left: -5px;
			position: relative;
			}
			
			div.item
				{
				float: left;
				width: 238px;
				height: 350px;
				background: url(images/picbg.png) no-repeat top;
				padding: 5px;
				margin-right: 2px;
				position: relative;
				}
				
				a.itempic
				{
				float: left;
				}				
				
				.item div.onsale
					{
					position: absolute;
					background: none;
					top: 5px;
					left: 5px;
					height: 289px;
					width: 238px;
					}
				
				.item img
					{
					float: left;
					border: 0px;
					background: #000;
					display: none;
					}
				
				.item div.label
					{
					float: left;
					background: #e7e7e7;
					position: absolute;
					padding: 5px;
					width: 228px;
					height: 55px;
					top: 290px;
					left: 5px;
					}
			
					.item .label a.name
							{
							font-size: 24px;
							float: left;							
							}
					
					.item .label .price
							{
							font-size: 24px;
							color: #000;
							font-weight: bold;
							letter-spacing: -1px;
							text-align: right;
							position: absolute;
							top: 0px;
							right: 5px;
							}
							
					.item .label .specs
							{
							position: absolute;
							left: 5px;
							top: 30px;
							}
							
					.item .label a.buynow
							{
							position: absolute;
							right: 5px;
							top: 30px;
							width: 70px;
							height: 25px;
							padding: 5px 10px;
							text-align: center;
							background: url(images/buy1.png) no-repeat;
							}
							
							a.buynow span
								{
								color: #fff;
								}
			
			.mainflash
				{
				float: left;
				width: 500px;
				height: 280px;
				margin-right: 10px;
				margin-bottom: 0px;
				}
				
			.movie, .sconfidence
				{
				float: left;
				width: 230px;
				height: 150px;
				cursor: pointer;
				}
				
			.sconfidence
				{
				cursor: auto;
				}
				
				.sconfidence div.inside
					{
					background: url(images/sconfbg.png) no-repeat;
					width: 210px;
					padding: 10px 20px;
					margin-left: -10px;
					}
					
				.sconfidence h2
					{
					background: #30af63;
					color: #fff;
					margin: 0px;
					font-size: 12px;
					font-weight: bold;
					padding: 5px;
					width: 220px;
					margin-left: -10px;
					margin-bottom: 10px;
					}
					
				.sconfidence p
					{
					}
					
					.creditcards a
						{
							float: left;
							display: block;
							width: 30px;
							height: 19px;
							border: 1px solid #555;
							margin-right: 5px;
						}
						
						a.visa { background-image: url(images/visa.gif); }
						a.mcrd { background-image: url(images/mcard.gif); }
						a.amex { background-image: url(images/amex.gif); }
						a.dscy { background-image: url(images/discover.gif); }
						
		.paging
			{
			clear:both;
			float: left;
			width: 750px;
			}
			
			.paging .scanalert, .paging .creditcards, .showerdetails .creditcards, .showerdetails .scanalert
				{
				margin: 5px;
				float: right;
				}
				
			div.pages
				{
				background: url(images/pagebg.png) no-repeat left top;
				padding-left: 5px;
				float: left;
				height: 30px;
				}
				
				.pages div.inside
					{
					background: url(images/pagebg.png) no-repeat right -30px;
					float: left;
					}
					
					.pages a
						{
						float: left;
						display: block;
						padding: 5px;
						font-weight: bold;
						margin-right: 5px;
						}
						
						span.pagestat
							{
							float: left;
							display: block;
							padding: 5px;
							}
						
						.pages a:hover
							{
							color: #c00;
							}
						
						.pages a.current
							{
							color: #c00;
							}
						
						.pages a.first span, .pages a.next span, .pages a.prev span, .pages a.last span
							{
							background: none;
							}
							
							.pages a.next span
								{
								}

							.pages a.prev span
								{
								}

						.pages a.first, .pages a.next, .pages a.prev, .pages a.last
							{
							text-align: center;
							padding: 0px;
							overflow: hidden;
							width: 20px;
							height: 20px;
							background: url(images/pbutton.png) no-repeat top left;
							margin-top: 3px;
							}
		
		.showerdetails h1
			{
			color: #0c6197;
			margin-bottom: 15px;
			}
		
		.showerdetails h2
			{
			color: #0a6986;
			font-size: 18px;
			font-weight: normal;
			letter-spacing: 0px;
			margin: 0px;
			}
		
		.content
			{
			}
		
		.leftpane
			{
			float: left;
			width: 238px;
			}
			
			
			.aboutpic, .orderpic, .showering, .nationwide
				{
				background: url(images/about.jpg) repeat-x top left;
				height: 174px;
				width: 258px;
				position: relative;
				top: -4px;
				left: -10px;
				z-index: 999;
				margin-bottom: 10px;
				}
				
				.nationwide
					{
					background: url(images/nationwide.gif) no-repeat top left;
					height: 229px;
					}
				
				.showering
					{
					background: url(images/shower.jpg) no-repeat top left;
					height: 318px;
					}
					
				.orderpic
					{
					background: url(images/order.jpg) repeat-x top left;
					}
			
			#prodpic a.magnify
				{
				float: right;
				width: 20px;
				height: 20px;
				background: url(images/magnify.gif) no-repeat;
				position: relative;
				top: -70px;
				right: 10px;
				}
	
			span.vmagnify
				{
				float: left;
				width: 20px;
				height: 20px;
				background: url(images/magnify.gif) no-repeat;
				position: absolute;
				top: 5px;
				right: 5px;
				display: block;
				cursor: pointer;
				}
				
			.prodgallery
				{
				width: 238px;
				float: left;
				margin-bottom: 10px;
				}
	
			.prodgallery a
				{
				position: relative;
				border: 0px;
				float: left;
				margin-right: 8px;
				margin-bottom: 8px;
				}
				
				.prodgallery img, .diagram img {border: 0px; float:left;}
	
			.diagram
				{
				float: left;
				width: 238px;
				}
				
				.diagram a
					{
					float: left;
					clear: both;
					position: relative;
					}
	
		.rightpane
			{
			float: left;
			width: 500px;
			overflow: visible;
			position: relative;
			top: -15px;
			}
			
			.pane
				{
				float: left;
				width: 460px;
				overflow: hidden;
				padding: 20px;
				padding-bottom: 0px;
				background: url(images/panebg.jpg) no-repeat top left;
				}
				
			.pane div.inside
				{
				padding: 10px;
				padding-bottom: 0px;
				float: left;
				width: 460px;
				}
				
				.pane .about
					{
					background: url(images/aboutbg.png) repeat-x;
					}
					
					.pane .about h2, .pane .about b
						{
						color: #000;
						}
						
					.pane .about blockquote
						{
						float: right;
						font-size: 18px;
						font-family: Georgia, "Times New Roman", Times, serif;
						font-style: italic;
						color: #529ac3;
						width: 160px;
						padding: 10px;
						padding-left: 30px;
						padding-right: 0px;
						margin: 0px;
						background: url(images/q1.gif) top left no-repeat;
						clear: none;
						}
						
						
						.pane .about blockquote div
							{
							background: url(images/q2.gif) bottom right no-repeat;
							}
						
					.pane .about .creditcards
						{
						clear: both;
						float: left;
						}
						
						.pane .about .creditcards a
							{
							float: left;
							}
				
				.pane .description
					{
						background: url(images/descbg.jpg) repeat-x;
					}
					
					.description div.col1
						{
						float: left;
						width: 290px;
						margin-right: 10px;
						}
					.description div.col2
						{
						float: left;
						width: 150px;
						background: url(images/guarantee.png) no-repeat top left;
						padding-top: 140px;
						}
						
					.description .price
						{
						font-size: 24px;
						font-weight: bold;
						color: #000;
						}
						
						.description .old
						{
						text-decoration: line-through;
						}
						
						.description .new
						{
						color: #f00;
						}
						
						.description b
						{
						color: #000;
						}
						
					button.buynow2, button.buynow3
						{
						background: url(images/buy2.png) no-repeat;
						padding: 12px;
						padding-left: 0px;
						width: 130px;
						border: 0px;
						text-align: center;
						color: #fff;
						font-size:14px;
						cursor: pointer;
						}
		
			
		
			.pane .features
				{
				background: url(images/featbg.png) repeat-x top;
				}
				
				.features h2
					{
					color: #333;
					}
					
				.features b
					{
					color: #0066FF;
					}
				
				.frow
					{
					margin-top: 10px;
					float: left;
					width: 460px;
					}
					
				.features .frow img
					{
					float: left;
					}
					
				.features .frow p
					{
					width: 380px;
					margin-left: 80px;
					margin-top: 0px;
					}
					
		.pane .buy
			{
				background: url(images/buybg.png) repeat-x;
			}
			
			.buy h2
				{
				color: #5e714f;
				}
				
			.buy .deldetails
				{
				margin-top: 0px;
				margin-left: 25px;
				}
			
			.buy .tb
				{
				border: 1px solid #99af89;
				padding: 3px;
				}
			
				.buy .fw
					{
					width: 330px;
					}
				
				.buy .w1, .buy .w3
					{
					width: 50px;
					margin-right: 10px;
					}
					
					.buy .w3
						{
						margin-left: 10px;
						}
					
				.buy .w2
					{
					width: 225px;
					margin-left: 10px;
					}
			
				.buy .copyabove
					{
					font-weight: normal;
					font-size: 12px;
					vertical-align: middle;
					}
				
				.buy .note
					{
					background: #f1f45f;
					margin: 10px 1px;
					padding: 10px;
					color: #000;
					}
			
					.buy .note li
						{
						margin: 10px;
						margin-left: 40px;
						}
			
			.buy .creditcards
				{
				float: left;
				margin-top: 0px;
				}
				
				.creditcards input { float: left; }
			
			.buy .fitem
				{
				margin-top: 5px;
				}
			
			.buy .fitem label
				{
				font-weight: 900;
				font-size: 14px;
				float: left;
				padding: 0px 0px;
				width: 120px;
				color: #424242;
				letter-spacing: -1px;
				}
				
				.buy .fitem label.midlabel
					{
					float: none;
					vertical-align: top;
					}
								
	
	.footer
		{
		width: 740px;
		float: right;
		padding: 10px;
		background: url(images/footer.png) no-repeat #fff;
		margin-bottom: 20px;
		color: #000;
		}
		
		.fsect
			{
			float: left;
			width: 229px;
			padding: 0px 8px;
			}
			
			.fsect.first
				{
				}
				
			.fsect.mid
				{
				background: url(images/fsectbg.gif) repeat-y left;
				padding-left: 11px;
				padding-right: 10px;
				}
			
			.fsect.last
				{
				text-align: right;
				}
				
			.footer button.submitb, .contact button.submitb
				{
				background: url(images/submit1.png) no-repeat;
				border: 0px;
				width: 90px;
				height: 22px;
				margin: 3px 0px;
				cursor: pointer;
				}
				
				.footer .fw, .contact .fw
					{
					width: 222px;
					}
					
				.footer .hf, .contact .hf
					{
					width: 107px;
					margin-top: 1px;
					}
					
				.footer .phone, .contact .phone
					{
					margin-left: 1px;
					width: 108px;
					}
					
				h1.oonline
					{
					font-size: 24px;
					letter-spacing: -1px;
					}
					
				h1.oonline div
					{
					font-weight: normal;
					font-size: 14px;
					}
					
					.copyright
						{
						margin-top: 10px;
						margin-bottom: 145px;
						color: #333;
						}
						
						
.load
	{
	background: url(images/load.gif) no-repeat;
	padding-left: 20px;
	}
	
.adminlinks
	{
	padding-bottom: 5px;
	}