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

body
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	margin-top: 45px;
	padding: 0px;
	background: url(images/bg.gif) #222;
	text-align: center;
	color: #333;
	}

a
	{
	text-decoration: none;
	color: #c00;
	}

h1,h2,form
	{
	margin: 0px;
	}

p
	{
	margin: 0px;
	margin-bottom: 10px;
	}
	
.container
	{
	background: #fff;
	width: 960px;
	margin: auto;
	text-align: left;
	}
	
	.header
		{
		height: 90px;
		background: url(images/header.png) no-repeat #f08c07;
		position: relative;
		}

			.shipto
				{
				position: absolute;
				top: -35px;
				right: 0px;
				text-transform: uppercase;
				font-size: 11px;
				}
				
				.shipto span
					{
					color: #fff;
					font-weight: bold;
					}
				
				.shipto img
					{
					margin-bottom: -1px;
					}

		
		.nav
			{
			position: absolute;
			top: -15px;
			left: 10px;
			float: left;
			background: url(images/navbg.png) repeat-x;
			}
			
			.nav a
				{
				background: url(images/navmap3.png) no-repeat;
				height: 32px;
				position: relative;
				float: left;
				display: block;
				opacity: .9;
				border-right: 0px solid #fff;
				}
				
				#nav1 
				{ 
				background-position: 0px 0px ;
				width: 72px;
				}
					#nav1:hover, #nav1.sel
					{ 
					background-position: 0px -32px ;
					}
				
				#nav2 
				{ 
				background-position: -72px 0px ;
				width: 102px;
				}
					#nav2:hover, #nav2.sel
					{ 
					background-position: -72px -32px !important;
					}
				
				#nav3 
				{ 
				background-position: -174px 0px ;
				width: 95px;
				}
					#nav3:hover, #nav3.sel
					{ 
					background-position: -174px -32px !important;
					}
				
				#nav4 
				{ 
				background-position: -269px 0px ;
				width: 108px;
				}
					#nav4:hover, #nav4.sel
					{ 
					background-position: -269px -32px !important;
					}
				
				#nav5 
				{ 
				background-position: -376px 0px ;
				width: 92px;
				}
					#nav5:hover, #nav5.sel
					{ 
					background-position: -376px -32px !important;
					}
				
				#nav6 
				{ 
				background-position: -467px 0px ;
				width: 127px;
				}
					#nav6:hover, #nav6.sel
					{ 
					background-position: -467px -32px !important;
					}

				#nav7 
				{ 
				background-position: -593px 0px ;
				width: 126px;
				}
					#nav7:hover, #nav7.sel
					{ 
					background-position: -593px -32px !important;
					}

				#nav8 
				{ 
				background-position: -718px 0px ;
				width: 113px;
				}
					#nav8:hover, #nav8.sel
					{ 
					background-position: -718px -32px !important;
					}

				#nav9 
				{ 
				background-position: -830px 0px ;
				width: 94px;
				}
					#nav9:hover, #nav9.sel
					{ 
					background-position: -830px -32px !important;
					}

			
				div.darrow
					{
					height: 8px;
					background: url(images/down.png) no-repeat top;
					padding: 0px;
					overflow: hidden;
					position: absolute;
					width: 100%;
					bottom: -8px;
					display: none;
					}
					
					.nav a.sel div.darrow
						{
						display: block;
						}
									
			.nav a span
				{
				display: none;
				}

		a.chatlive
			{
			position: absolute;
			top: 26px;
			left: 765px;
			float: left;
			display: block;
			height: 53px;
			padding-left: 73px;
			padding-top: 15px;
			background: url(images/agent.png) no-repeat left top;
			color: #fff;
			}
			
			.chatlive b
				{
				display: block;
				font-size: 16px;
				color: #fff;
				letter-spacing: -1px;
				}
				
		.callus
			{
			position: absolute;
			text-align: right;
			top: 38px;
			right: 220px;
			width: 200px;
			color: #fff;
			}
			
			.callus a
				{
				color: #333;
				}
			
			.callus div
				{
				font-weight: bold;
				color: #333;
				font-size: 24px;
				margin-top: 0px;
				}
				
				
			.flash
				{
				background: url(images/fbg.png) repeat-y #000;
				overflow: hidden;
				position: relative;
				}
				
				.mainf
					{
					height: 215px;
					}
					
					.fmessage
						{
						position: absolute;
						top: -360px;
						left:  320px;
						color: #fff;
						font-size: 24px;
						font-weight: normal;
						letter-spacing: -1px;
						z-index: 3;
						font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
						white-space: nowrap;
						}
					
					#tvbox
						{
						background: white;
						width: 220px;
						height: 165px;
						overflow: hidden;
						position: absolute;
						top: 9px;
						left: 9px;
						border: 1px solid #fff;
						z-index: 2;
						}
					
					.tvcontrol
						{
						height: 165px;
						width: 74px;
						overflow: hidden;
						position: absolute;
						top: 9px;
						left: 230px;
						}
					
					.tvcontrol a
						{
						display: block;
						margin-bottom: 5px;
						float: left;
						padding-left: 12px;
						}
						
						.tvcontrol a.vsel
						{
						background: url(images/v_arrow.png) no-repeat left center;
						}
						
						.tvcontrol a.hclip div
							{
							border: 1px solid #fff;
							height: 45px;
							width: 60px;
							background: #fff;
							cursor: pointer;
							}
							
							.tvcontrol a img
								{
								border: 0px;
								}
							
							.tvcontrol a.hclip:hover div
								{
								border: 1px solid #fc0;
								}
					
				.subf
					{
					height: 100px;
					}
					
					.subf h1
						{
						position: absolute;
						font-size: 30px;
						color: #fff;
						top: 320px;
						left: 20px;
						letter-spacing: -1px;
						font-weight: normal;
						}
			
			.content
				{
				background: url(images/contentbg.png) repeat-y #fff;
				width: 960px;
				float: left;
				padding-bottom: 10px;
				}
				
			.mainpanel
				{
				float: left;
				width: 720px;
				min-height: 100px;
				background: #fff;
				position: relative;
				}
				
				.crumbs
					{
					background: none;
					padding: 10px;
					}
					
					.crumbs a
						{
						display: block;
						float: left;
						font-size: 11px;
						padding-left: 16px;
						background: url(images/crumb.png) no-repeat left center;
						text-transform: uppercase;
						font-weight: bold;
						margin-right: 5px;
						color: #555;
						}
						
						.crumbs a:hover
							{
							color: #f00;
							}
				
				.subtitle
					{
					padding: 10px;
					padding-top: 8px;
					padding-bottom: 12px;
					height: 11px;
					overflow: hidden;
					background: url(images/bodytop.png) repeat-x;
					font-weight: bold;
					text-transform: uppercase;
					color: #fff;
					position: absolute;
					top: -31px;
					width: 700px;
					float: left;
					font-size: 14px;
					}
					
					.m1
						{
						position: absolute;
						top: 8px;
						left: 10px;
						z-index: 2;
						}
						
					.m2
						{
						position: absolute;
						top: 7px;
						left: 9px;
						color: #333;
						}
					
			.rightpanel
				{
				float: left;
				width: 240px;
				min-height: 79px;
				background: #9b9b9b;
				border-top: 1px solid #ccc;
				}
			
			
			.widget
				{
				padding: 10px;
				clear: both;
				margin-top: 10px;
				}

			.widget-inquiry
				{
				padding-top: 148px;
				background: url(images/contactus.jpg) no-repeat top;
				}

					.button
						{
							border:0px;
							background:none;
							padding:0;
							width:auto;
							overflow:visible;
							cursor:pointer;
							margin: 3px;
							margin-left: 0px;
						}
						
						.button div
							{
							height: 12px;
							padding: 6px 0px;
							margin: 0px;
							line-height: 12px;
							text-align: center;
							width: 90px;
							background: url(images/button.png) left top;
							font-weight: bold;
							font-family: Arial, Helvetica, sans-serif;
							font-size: 12px;
							color: #fff;
							cursor: pointer;
							}
							
						.button:hover div
							{
							background-position: left bottom;
							}

					
				.widget h2
					{
					margin: 0px;
					font-size: 18px;
					color: #222;					
					}

					.tb, .ta
						{
						border: 1px solid #fff;
						padding: 2px;
						margin: 0px;
						margin-top: 2px;
						color: #444;
						float: left;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 12px;
						}
						
						.ta { overflow: auto; }

				
					.hw
						{
						width: 95px;
						}
						
					.lhw
						{
						width: 101px;
						margin-right: 2px;
						}
					
					.fw
						{
						width: 204px;
						}

				
				
	.footer
		{
		clear: both;
		height: 120px;
		background: url(images/footbg.png) repeat-x;
		position: relative;
		color: #fff;
		}
		
		.confidence
			{
			position: absolute;
			top: 15px;
			left: 15px;
			}
			
			.confidence img
				{
				vertical-align: middle;
				}
		
		.copyright
			{
			position: absolute;
			bottom: 15px;
			right: 15px;
			}
			
			.copyright strong
				{
				color: #fc0;
				}
				
.panel
	{
	padding: 10px;
	width: 690px;
	overflow: hidden;
	}
	
	.paneslide
		{
		width: 720px;
		}
	
	.pane
		{
		float: left;
		border: 1px solid #ccc;
		position: relative;
		width: 167px;
		height: 285px;
		margin-right: 8px;
		margin-bottom: 10px;
		}
		
		.paneprice
			{
			float: left;
			width: 157px;
			position: absolute;
			top: 80px;
			left: 0px;
			padding: 5px;
			font-size: 30px;
			text-align: right;
			background: url(images/faded.png) repeat;
			color: #fff;
			}
		
		.paneimg
			{
			float: left;
			width: 167px;
			position: absolute;
			top: 25px;
			background: url(images/load.gif) no-repeat center 30px;
			height: 137px;
			}
			
		.panedesc
			{
			float: left;
			width: 157px;
			padding: 0px 5px;
			border-top: 0px;
			height: 36px;
			position: absolute;
			top: 202px;
			background: none;
			}
		
		a.panecat
			{
			position: absolute;
			top: 0px;
			left: 0px;
			width: 157px;
			padding: 5px;
			background: #000 url(images/footbg.png) repeat-x left -5px;
			color: #fff;
			font-weight: bold;
			text-transform: uppercase;
			}
			
		.panename
			{
			font-weight: bold;
			position: absolute;
			top: 162px;
			left: 0px;
			padding: 5px;
			width: 157px;
			}
		
		.paneimg img
			{
			float: left;
			border: 0px;
			display: none;
			}
			
		.pane a
			{
			}
			
		.pane .button
			{
			position: absolute;
			bottom: 5px;
			right: 5px;
			}
		
		
		.detTabs
			{
			height: 30px;
			border-bottom: 1px solid #ccc;
			margin-bottom: 20px;
			}
			
			.detTabs a
				{
				display: block;
				float: left;
				border: 1px solid #ccc;
				border-bottom: 0px;
				color: #222;
				font-weight: bold;
				background: #eee;
				position: relative;
				z-index: 2;
				line-height: 12px;
				margin-right: -1px;
				}
				
				.detTabs a span
					{
					display: block;
					padding: 7px 10px;
					padding-bottom: 8px;
					border: 1px solid #fff;
					}
				
				.detTabs a.sel, .detTabs a.sel:hover
				{
				background: #fff;
				border-bottom: 1px solid #fff;
				}
				
				.detTabs a:hover
					{
					background: #f7f7f7;
					}
				
				.detTabs a.buytab, .detTabs a.buytab:hover
				{
				margin-left: 10px;
				background: #333 url(images/bodytop.png) repeat-x;
				border-color: #333;
				color: #fff;
				}	

				.detTabs a.buytab span
				{
				border:0px;
				padding: 8px 11px;
				padding-bottom: 9px;
				}
							
		.detView
			{
			width: 250px;
			float: right;
			margin-left: 10px;
			position: relative;
			}
			
			.detView h2
				{
				letter-spacing: -1px;
				font-size: 18px;
				font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
				color: #c00;
				}
			
			.detPic
				{
				height: 300px;
				width: 250px;
				background: url(images/load.gif) no-repeat center 100px;
				border: 0px solid #ccc;
				}
				
			.detPic img
				{
				display: none;
				}
			
			.detPrice
				{
				position: absolute;
				background: url(images/faded.png) repeat;
				color: #fff;
				font-size: 30px;
				font-weight: bold;
				text-align: right;
				top: 230px;
				width: 230px;
				padding: 10px;
				}
			
		.detPane
			{
			display: none;
			width: 430px;
			float: right;
			background: none;
			}
		
		.related
			{
			margin: 10px 0px;
			}
			
		.related h2
			{
			padding: 5px 10px;
			font-size: 14px;
			font-weight: bold;
			text-transform: uppercase;
			}
			
		.related a
			{
			color: #333;
			display: block;
			padding: 5px 10px;
			border-bottom: 1px dotted #fff;
			}
			
			.related a:hover
				{
				color: #fff;
				background: url(images/v_arrow.png) center left no-repeat #888;
				}
		
		.galPane h2
			{
			clear: both;
			font-size: 12px;
			margin-bottom: 5px;
			margin-top: 10px;
			float: left;
			width: 100%;
			}
				
		.galPic, .galVid
			{
			float: left;
			clear: both;
			}
			
		.galPic a
			{
			float: left;
			display: block;
			margin-right: 3px;
			margin-bottom: 3px;
			}
			
			.galPic img
				{
				float: left;
				}
		
		.galFiles a
			{
			display: block;
			padding: 5px;
			padding-left: 20px;
			clear: both;
			border-bottom: 1px dotted #ccc;
			color: #333;
			}
			
			a.pdf{background: url(images/pdf.png) no-repeat left center;}
			a.doc{background: url(images/doc.png) no-repeat left center;}
			a.zip{background: url(images/zip.png) no-repeat left center;}
			a.xls{background: url(images/xls.png) no-repeat left center;}
			
		.specs th
			{
			width: 120px;
			padding: 3px;
			padding-right: 10px;
			text-align: right;
			}
			
		.specs td
			{
			width: 280px;
			padding: 3px;
			vertical-align: top;
			}
			
		.specs th, .specs td
			{
			border-bottom: 1px dotted #ccc;
			}
			
		.specs tr:hover th, .specs tr:hover td
			{
			background: #eee;
			border-bottom: 1px dotted #ccc;
			}
			
		
		.fields h3
			{
			clear: both;
			margin-bottom: 5px;
			padding-bottom: 5px;
			border-bottom: 1px dotted #ccc;
			font-size: 12px;
			background: none;
			float: left;
			width: 100%;
			}
			
		.fitem
			{
			clear: both;
			margin-bottom: 5px;
			float: left;
			background: none;
			width: 100%;
			}
			
			.fitem input.rb
				{
				float: left;
				}
			
			.creditcards a
				{
				float: left;
				width: 31px;
				height: 19px;
				display: block;
				border: 1px solid #ccc;
				}
				
				a.visa {background: url(images/visa.gif); }				
				a.mcrd {background: url(images/mcard.gif); }				
				a.amex {background: url(images/amex.gif); }				
				a.dscy {background: url(images/discover.gif); }				
			
			.fitem label
				{
				float: left;
				width: 100px;
				margin-right: 10px;
				font-weight: bold;
				text-align: right;
				color: #555;
				}
				
				.fitem label.midlabel
					{
					width: 40px;
					}
				
			.fitem input.tb
				{
				border: 1px solid #ccc;
				width: 300px;
				}
				
				.fitem input.w1
					{
					width: 60px;
					}												
					
				.fitem input.w2
					{
					width: 60px;
					}																	
					
div.testi
	{
		margin-top: 20px;
		padding-top: 10px;
		border-top: 1px dotted #ccc;
	}
	
div.testp
	{
		margin-top: 5px;
		font-weight: bold;
		text-align: center;
		color: #888;
	}
	
div.pflash
	{
		position: absolute;
		top: 20px;
		left: 0px;
	}