/***************** RESET *********************/

html, body, div, table, tr, td, img, h1, h2, h3, p, ul, ol, li, form, embed {
	margin: 0px; 
	padding: 0px;
	border: 0px;
}

/*
html, body { width: 100%; height: 100%; }
*/

ul, ol { margin: 0 0 1em 1.5em; }
ul li,
ol li { margin-bottom: 1em; }
table { border-collapse: collapse; }
td { vertical-align: top; }
embed { display: block; }

body { font-size: 62.5%; font-family: helvetica, arial, sans-serif; }

h2 { color: #817B79; font-family: helvetica, arial, sans-serif; margin-bottom: 0.75em; }

h1 a, h2 a, h3 a, h4 a, h5 a { text-decoration: none; }

/* -------------------------------------------------------------- 
	3. Style Library
----------------------------------------------------------- */

.btn { color: #FFFFFF; /* ie.css */ font-size: 0.75em; text-decoration: none; padding: 2px 8px 3px 8px; border: 1px solid #9A2529; background: #9A2529; /* background: #9A2529 url(../images/shop-online-arrow.gif) 96% 5px no-repeat; */ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
	.btn:hover { text-decoration: underline; color: #FFFFFF; background-color: #b01217; border-color: #b01217; }
			
	.btnAlt { background-color: #E7AD48; border-color: #E7AD48; }
		.btnAlt:hover { background-color: #f2a828; border-color: #f2a828; }

	.comparePump { background: #FFFFFF url(../images/btn-compare-pump.gif) 0 100% repeat-x; border: 1px solid #CCCCCC; float: right; color: #817B79; }
		.comparePump:hover { color: #474443; background-color: #FFF; border-color: #CCCCCC; }
	
/* -------------------------------------------------------------- 
	4. Main Structure
----------------------------------------------------------- */
	#wrapper { width: 759px; margin: 0 auto; font-size: 1.2em; /* 62.5% + 1.2em = 12px */ }

		#head { height: 89px; position: relative; }
	
			#logo { margin-top: 12px; margin-left: 18px; }

				#logo img { display: block; }
	
			#cart { font-size: .9em; font-family: Arial, Sans Serif; position: absolute; top: 10px; right: 12px; }

				#cart img { vertical-align: middle; margin-left: 12px; margin-right: 6px; }

			#phone-number { position: absolute; top: 32px; right: 12px; }
		
		#mainContent {  margin: 0 auto 10px auto; padding-top: 1em; }	
		
/* -------------------------------------------------------------- 
	5. Main Structure Alt Styles
----------------------------------------------------------- */
body.productSection #mainContent,
body.two-column #mainContent,
body.pumpSection #mainContent { padding: 0 20px; background: url(../images/header-bg.gif) 0 0 no-repeat; margin-bottom: 0; font-family: verdana, sans-serif; }

body.one-column #mainContent {  padding: 0 20px; background: url(../images/header-bg.gif) 0 0 no-repeat; margin-bottom: 0; }

body.productSection #mainContent h2 { font-family: Helvetica, arial, sans-serif; font-weight: bold; margin-bottom: 0.75em; }

body.two-column #mainContent { padding-bottom: 2em; font-family: arial, helvetica, sans-serif; }

body.two-column-right #content { width: 555px; margin-right: 20px; }

body.two-column-right #sideBar { margin-right: 0; }

body.two-column-header #content { width: 556px; }

body.two-column-header #mainContent { padding-top: 0; }

body.two-column-header #sideBar { margin-right: 0;  }

body.entry-page #mainContent { padding: 0 10px; }

/* -------------------------------------------------------------- 
	6. Templates
----------------------------------------------------------- */

/* Home Page Template
----------------------------------------------------------- */
#homepageCallouts { float: left; width: 245px; overflow: hidden; }

#homepageContent { float: left; width: 493px; }

#animation { height: 261px; position: relative; overflow: hidden; padding: 0; margin-bottom: 10px; }
	#controls { position: absolute; right: 15px; top: 10px; z-index: 200; height: 7px; overflow: hidden; }
		#controls a { outline: none; float: left; display: block; height: 7px; width: 7px; margin-right: 3px; background: url(../images/home/slideshow/slideshow-control.png) 0 0 no-repeat; text-indent: -9999px; }
		#controls a.activeSlide { background-position: 0 -8px; }
	#animationInner { overflow: hidden; height: 264px; width: 740px; }


p.disclaimer { line-height: 1.35em; color: #4d5151; padding-left: 15px; padding-top: 0.5em; font-size: 0.833em; }
	p.disclaimer span { color: #a8a8a8; font-weight: bold; }

.productList { width: 244px; overflow: hidden; /* IE6 */ background: url(../images/home/product-list.gif) 0 100% no-repeat; float: left; margin-left: 5px; display: inline; /* IEDM */ min-height: 212px; height: auto !important; height: 212px; }
	.productList h2 a { width: 244px;  text-indent: -9999px; height: 29px; display: block; }
	#accustreamProducts h2 a { background: url(../images/home/accustream-product.gif) 0 0 no-repeat; }
	#replacementParts { width: 235px; }
	#replacementParts h2 a { background: url(../images/home/replacement-parts.gif) 0 0 no-repeat; }
	#body .productList ul.sub-menu { margin: 0; padding: 1em 15px;  }
	#accustreamProducts li, #replacementParts li { list-style: none; margin-bottom: 7px; }
#homeExtra { clear: left; padding: 2.5em 0 1em 0; float: left; width: 489px; overflow: hidden; /* PFD */ }
	#whatsNew { width: 239px; margin-right: 7px;  background: url(../images/home/whats-new-bg.gif) 50% 20px no-repeat; position: relative; float: left; display: inline; /* IEDM */  }
		#whatsNew .seeall { position: absolute; right: 13px; top: 0; }
		#whatsNew h2 { text-indent: -9999px; background: url(../images/home/whats-new-header.gif) 0 0 no-repeat; width: 92px; margin-left: 10px; height: 12px; }
		#whatsNew ul { padding: 1em 20px 0 20px; zoom: 1; }
			#whatsNew li { list-style: none; }
	a.callout { display: block; width: 243px; height: 99px; float: left; }



/* One Column Template
----------------------------------------------------------- */

body.one-column #content { float: none; width: auto; }


/* Two Column Template
----------------------------------------------------------- */

#content {
	float: left;
	padding: 12px 16px;
	width: 522px;
}

#content img.left {
	float: left;
	margin: 1em 1em 1em 0;
}
#content img.right {
	float: right;
	margin: 1em 0 1em 1em;
}

#sideBar {
	width: 177px;
	float: left;
	margin-right: 20px; 
}

#sideBar ul.sub-menu {
	padding: 12px;
	background-color: white;
}

#banners img {
	display: block;
	border-bottom: 3px solid white;
}
#banners p {
	padding-top: 0;
	margin-bottom: 5px;
}

#sidebar-top {
	height: 5px;
	margin-bottom: 12px;
	background-image: url( ../images/sidebar/top.gif );
	background-position: top left;
	background-repeat: no-repeat;
}

#header { margin: 0; padding: 2em 0; }

	#header h1 { margin: 0; color: #E7AD48; font: bold 2.25em arial, sans-serif; line-height: 1; text-transform: uppercase;  padding-bottom: 0.75em; border-bottom: 1px dashed #D9D9D9; }

		#header h1 span { color: #817B79; font-size: 0.444em; display: block; }


#headerImage { margin-bottom: 1.5em; }

	#headerImage h1.customer-service,
	#headerImage h1.technical-service { position: relative; top: -13px;  }
	#headerImage h1.waterjet-training { padding-top: 6px; }
	#headerImage h1.manuals-downloads { position: relative; top: -21px; left: 0; }
	#headerImage h1.contactUs { position: relative; top: 4px; left: 0; }

	

/* Cutting Heads Templates
----------------------------------------------------------- */

	#cuttingIntro { position: relative; padding: 1em 0 0.5em 0; border-bottom: 1px dashed #D9D9D9;  margin-bottom: 1.5em;  }

		#cuttingIntroContent { float: left; width: 315px; margin-right: 20px; }
		
			#cuttingIntroContent h1 { padding: 0; margin-bottom: 0.25em; color: #E7AD48; font: bold 5.333em arial, sans-serif; line-height: 1; text-transform: uppercase;  }
			
				#cuttingIntroContent h1 span { font-size: 0.375em; font-weight: normal; color: #817B79; display: block; }
			
			#cuttingIntroContent p { font-family: verdana, sans-serif; }
	
		#cuttingIntroImage { float: left; width: 384px; margin-bottom: -30px; }
	
			#cuttingIntroImage p { position: relative; right: -13px; top: -29px; margin-bottom: 0; }

	#cuttingDescription { padding-bottom: 2em; }
	
		#btn { float: left; width: 99px; margin-right: 28px; background: #F5F5F5; padding: 10px; }
			
			#btn h3 { color: #B42025; text-transform: uppercase; font: bold 1.25em helvetica, arial, sans-serif; margin-bottom: 0.75em; }
			
			#btn h3#top { font-size: 1.083em; background: url(../images/products/cutting-heads/dialine/shop-online-top.gif) 0 0 no-repeat; margin: -10px -10px 0 -10px; padding: 10px; }
			
			#btn ul { padding-left: 1.5em; color: #B42025; }
			
				#btn li { margin-bottom: 0.5em; }
				
				#btn li a { color: #575757; text-decoration: none; font-size: 0.833em; font-family: verdana; }
				
					#btn li a:hover { text-decoration: underline; }
					
			#btn ul#productOptions { padding-bottom: 0.5em; border-bottom: 1px solid #D9D7D7; margin-bottom: 1em; margin-left: 0; }
					
			#btn ul#dialineTypes { list-style: none; padding-left: 0; margin: 0; margin-bottom: 2em; }
			
				#btn ul#dialineTypes li { margin-bottom: 0.5em; /* ie6 */ }
				
					#btn .btn { display: block; color: #FFFFFF; text-align: center; }
					
			#btn ul#otherHeads { list-style: none; background: url(../images/products/cutting-heads/dialine/shop-online-bottom.gif) 0 100% no-repeat; margin: 0 -10px -10px -10px; padding: 0 10px 10px 10px; }
			
				#btn ul#otherHeads li { background: #ffffff; padding: 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
				
				#btn ul#otherHeads li a { padding: 7px 0 7px 60px; display: block; color: #0081BF; }
				
					#btn ul#otherHeads li a.a2 { background: url(../images/products/cutting-heads/otherheads-a2.gif) 0 0 no-repeat; }
				
					#btn ul#otherHeads li a.water { background: url(../images/products/cutting-heads/otherheads-water.gif) 0 7px no-repeat; }
				
					#btn ul#otherHeads li a.dialine { background: url(../images/products/cutting-heads/otherheads-dialine.gif) 0 0 no-repeat; padding-bottom: 11px; }
					
			#btn p { color: #575757; font: normal 0.833em verdana, sans-serif; }
		
		#productDescription { float: left; width: 572px;  background: url(../images/small-grey-bg.gif) 0 0 no-repeat; }
		
			#productDescription p { font-family: verdana, sans-serif; font-size: 0.833em; } 
			
			#productDescriptionInner { padding: 1.5em 256px 1.5em 18px; background: url(../images/products/cutting-heads/dialine/precision.gif) 495px 25px no-repeat; position: relative; }
			
				#diagram { position: absolute; right: 43px; top: -6px; }
			
				#productDescription h2,
				#productDescription h3 { color: #817B79; font: normal 2.167em Helvetica, arial, sans-serif; text-transform: uppercase; margin-bottom: 0.5em; }
				
				#productDescription h3 { font-size: 1.333em; font-weight: bold; }
				
					#productDescription h2 span,
					#productDescription h3 span { color: #B42025; }
					
					#productDescription h2 span { font-weight: bold; }

				#productDescriptionInner ul { list-style: none; margin-left: 0; }

					#productDescriptionInner ul li { margin-bottom: 0.5em; padding-left: 15px; background: url(../images/red-bullet.gif) 0 4px no-repeat; }
	
						#productDescriptionInner ul li span { color: #B42025; text-transform: uppercase; font-weight: bold; }

/* Machine Type Template
----------------------------------------------------------- */
#machineType { font-family: verdana, sans-serif; width: 500px; margin: 0 auto; overflow: hidden; /* ie6 */  padding-top: 12px; background: url(../images/products/cutting-heads/dialine/overlay/overlay-top.gif) 0 0 no-repeat; }
	
	#overlayMask { height: 6000px !important; }
	
	#machineTypeBottom { padding-bottom: 12px; background: url(../images/products/cutting-heads/dialine/overlay/overlay-bottom.gif) 0 100% no-repeat; }

		#machineTypeInner { padding: 1.5em 0; padding: 1.5em 0; background: #FFFFFF; }
		
			#machineTypeIntro { padding: 0 28px; font-size: 0.833em; }
			
			#selectDialine { border-top: 1px dashed #D9D9D9; border-bottom: 1px dashed #D9D9D9; padding: 0 28px 1em 28px; }
			
				#choosingDialine { float: left; width: 286px; margin-right: 25px; padding-top: 1em; }
				
					#choosingDialine p { font-size: 0.917em; }
				
				#productsOnline { float: right; width: 161px; background: url(../images/products/cutting-heads/dialine/overlay/grey-bg.gif) 0 0 repeat-x; margin-right: -28px; display: inline; /* ie6 */ padding-bottom: 1em; }
					
					#productsOnline h3 { padding: 0.75em 18px 0 18px; }
					
					#productsOnline ul { list-style: none; margin-left: 18px; } 
		
							#productsOnline ul li { margin-bottom: 0.5em; padding-left: 15px; background: url(../images/red-bullet.gif) 0 4px no-repeat; font-size: 0.833em; }
							
								#productsOnline li a { color: #575757; }
			
				.dialineConnection { clear: both; margin: 0; padding-top: 1em; list-style: none; width: 444px; }
				
					.dialineConnection li { width: 112px; float: left; margin-right: 25px; background: url(../images/products/cutting-heads/dialine/machine/options-bg.gif) 0 0 no-repeat; padding: 0.5em 8px; }
						
						.dialineConnection li h3 { padding-left: 26px; }
						
						.dialineConnection li.one h3 { background: url(../images/red-one.gif) 5px 3px no-repeat; }
			
						.dialineConnection li.two h3 { background: url(../images/red-two.gif) 5px 3px no-repeat; }
						
						.dialineConnection li.three h3 { background: url(../images/red-three.gif) 5px 3px no-repeat; }
						
					.dialineConnection li.three { margin-right: 0; }
					
						.dialineConnection img { display: block; padding: 0 10px 0 17px; margin-bottom: 0.5em; }
						
						.dialineConnection p { font-size: 0.75em !important; display: block; padding: 0 10px; margin-bottom: 0.5em; }
						
			#selectConnection { padding: 1em 28px; border-bottom: 1px dashed #D9D9D9; }
				
				#selectConnection p { font-size: 0.917em; }
			
			#selectExtras { padding: 1em 28px; }
				
				#selectExtras p { font-size: 0.833em; }
				
					#selectExtras p span { display: block; margin-bottom: 0.5em; }
			
				#selectOrifice { float: left; width: 190px; margin-right: 34px; }
				
				#protectInvestment { float: left; width: 206px; }
				
					#selectExtras .optionList { list-style: none; }
					
						#selectExtras .optionList li { float: left; width: 100px; padding-left: 90px; margin-bottom: 1em;  }
			
							#selectExtras .optionList li img { float: left; margin-left: -90px; display: inline; /* ie6 */ }

	#machineType .close { cursor: pointer; width: 15px; display: none; height: 15px; background: url(../images/products/cutting-heads/dialine/overlay/close.gif) 0 0 no-repeat; position: absolute; right: 10px; top: 10px; } 

.note {margin-top: 1.5em; clear: left; font-size: 0.917em; }

/* Shared Styles */

#machineType h2,
#machineType h3 { color: #575757; text-transform: uppercase; margin-bottom: 0.5em; font-family: helvetica, arial, sans-serif;  }

#machineType h2 { font-size: 1.333em; }

	#machineType h2 span,
	#machineType h3 span { color: #B42025; display: block; }
	
	#machineType h3 { font-size: 1.083em; }

/* Pump Intro Template
----------------------------------------------------------- */
#pumpIntro { position: relative; padding: 1em 0 0 0; border-bottom: 1px dashed #D9D9D9;  margin-bottom: 1.5em;  }

		#pumpIntroContent { float: left; width: 315px; margin-right: 20px; }
		
			#pumpIntroContent h1 { padding: 0; margin-bottom: 0.25em; color: #E7AD48; font: bold 5.333em arial, sans-serif; line-height: 1; text-transform: uppercase;  }
			
				#pumpIntroContent h1 span { font-size: 0.375em; font-weight: normal; color: #817B79; display: block; }
			
			#pumpIntroContent p { font-family: verdana, sans-serif; }
	
		#pumpIntroImage { float: left; width: 384px; margin-bottom: -30px; }
	
			#pumpIntroImage p { position: relative; right: -13px; top: -28px; margin-bottom: 0; }

	#pumpDescription { padding: 3em 0 .75em 0;border-bottom: 1px dashed #D9D9D9;}

		#pumpDescription .pumpTour { float: left; text-align: center; width: 180px; padding: 0 20px; background: url(../images/products/pump-tour/pump-tour-bg.jpg) 0 0 no-repeat; margin-right: 29px; }
			
			#pumpDescription .pumpTour a { outline: none; }
		
			#pumpDescription .pumpTour img { display: block; position: relative;  }
		
			#pumpDescription .pumpTour img.aSeries { top: -30px; margin-bottom: -30px; }
					
			#pumpDescription .pumpTour img.asSeries { top: -45px; margin-bottom: -45px; }
			
			#pumpDescription .pumpTour img.ultraSeries { margin: 2em 0; padding-bottom: 2em; border-bottom: 1px dashed #D9D9D9; }
			
			#pumpDescription .pumpTour img.comingSoon { margin-bottom: 2em; } 
			
			#pumpDescription .pumpTour ul { margin-left: 20px; margin-bottom: 1.5em; text-align: left; }
			
				#pumpDescription .pumpTour li { color: #575757; font-size: 0.833em; margin-bottom: 0.5em; }
				
		#pumpDescription .lastTour { margin-right: 0; }
		
		#pumpLinks {padding: 1em 0 1.5em 0; text-align: center;}

			#pumpLinks .supportive {margin-right: 20px; }
			
			#pumpLinks .comparePump {float: none; }

/* Inner Pump Template
----------------------------------------------------------- */
#tour {  padding: 1em 0; }

	#tourTop { padding: 1em 0 2em; border-bottom: 1px dashed #D9D9D9; position: relative; margin-bottom: 1.5em; }			
	
		#tourTop h1.aseries {  background: url(../images/products/pump-tour/a-series/a-series-logo.gif) 0 5px no-repeat; width: 213px; height: 65px; text-indent: -9999px; }
		
		#tourTop h1.as-series {  background: url(../images/products/pump-tour/as-series/as-series-logo.gif) 0 0 no-repeat; width: 315px; height: 73px; text-indent: -9999px; }
		
		#tourTop p { position: absolute; right: 20px; top: -10px; }
		
		#tourTop .technology {position: absolute; top: -5px; right: -60px; z-index: 20; } 

		#tourTop .controls {position: absolute; top: -25px; right: -20px;} 
	
		#tourTop .as-series-1 {position: absolute; top: -20px; right: 55px;} 
		
		#tourTop .as-series-2 { position: absolute; right: 15px; top: 40px; } 
		
		#tourTop .as-series-5 { position: absolute; right: 10px; top: 20px; } 

		#tourTop .as-highlights {position: absolute; top: 3px; right: -10px;} 
		
		#tourTop .as-technology {position: absolute; top: 85px; right: -50px; } 
		
		#tourTop .as-controls {position: absolute; top: -1px; right: -30px; }
		 
		#tourTop .as-built {position: absolute; top: 4px; right: -25px; } 
		
		#tourTop p.ait { top: 50px; }
		
		#tourTop p.aitAs { top: 78px; }
		
		/* AIT Diagram with Tooltips */
		
		#aitDiagram { position: relative; height: 250px; width: 522px; background: url(../images/products/pump-tour/a-series/intensifier-technology.gif) 0 0 no-repeat; }
		
		#aitDiagramOuter { position: absolute; right: -20px; top: -78px; }
		
		body.as-series #aitDiagramOuter { top: -50px; }
		body.technologyPage #aitDiagramOuter { position: static; }
		
			/* AIT Number Styles - See supplemental design directory for images */
			#aitDiagram .one,
			#aitDiagram .two,
			#aitDiagram .three,
			#aitDiagram .four,
			#aitDiagram .five,
			#aitDiagram .six { width: 18px; height: 18px; text-indent: -9999px; display: block; position: absolute; z-index: 100; cursor: pointer;  background }
			
			#aitDiagram .one 	{ top: 81px; right: 279px; background: url(../images/hotspots/ait/1.gif) 0 0 no-repeat; }
			#aitDiagram .two 	{ top: 90px; right: 359px; background: url(../images/hotspots/ait/2.gif) 0 0 no-repeat; zoom: 1; }
			#aitDiagram .three 	{ top: 86px; right: 241px; background: url(../images/hotspots/ait/3.gif) 0 0 no-repeat; }
			#aitDiagram .four 	{ top: 0; right: 395px; background: url(../images/hotspots/ait/4.gif) 0 0 no-repeat; }
			#aitDiagram .five 	{ top: 110px; right: 171px; background: url(../images/hotspots/ait/5.gif) 0 0 no-repeat; }
			#aitDiagram .six 	{ top: 129px; right: 86px; background: url(../images/hotspots/ait/6.gif) 0 0 no-repeat; }
			
		#aitToolTip { width: 250px; padding: 0.5em 10px; border: 2px solid #D9D9D9; background: #FFFFFF; position: absolute; right: 0; top: -75px; z-index: 200; }
		
			#aitToolTip span { display: block; margin-bottom: 0.5em; font-size: 0.833em; }
			
				#aitToolTip span.header { color: #9A2529; font-weight: bold; text-transform: uppercase; }
		
			body.technologyPage #aitToolTip { bottom: 10px; left: -100px; top: auto; }
		
	#tourDescription { padding-right: 397px; position: relative; }
		
		#tourDescription h2 { color: #817B79; text-transform: uppercase; margin-bottom: 0.75em; font-size: 1.5em; font-family: helvetica, arial, sans-serif; }
			
		#tourDescription p { color: #575757; font-size: 0.917em; }
		
		#tourDescription p.asSeries4 { padding-bottom: 207px; }
		
			#tourDescription p.control { margin-bottom: 4em; }
			
			#tourDescription p.as-series-info { margin-bottom: 14em; }
			
			#tourDescription p.as-technology-info { margin-bottom: 5em; padding-right: 50px;  }

			#tourDescription .as-controls-2 { position: absolute; top: 129px; right: -21px; } 
			
		#tourDescription ul {margin-bottom: 15px; }
			
				#tourDescription ul.as-higlights-info {margin-bottom: 5.5em; }
				
			#tourDescription ul li { color: #9A2529; font-size: 0.917em; }
			
				#tourDescription ul li span {color: #575757;}
				
	#tourControls { padding: 1.5em 0; border-top: 1px dashed #D9D9D9; }
		
		#pageControl { list-style: none; float: left; margin-left: 0; }
	
			#pageControl li { float: left; margin-right: 10px; }
			
				#pageControl li a { display: block; text-indent: -9999px; outline: none; }
				
				#pageControl li a.back { background: url(../images/products/pump-tour/tour-controls/btn-back.gif) 0 0 no-repeat; width: 44px; height: 15px; }
	
				#pageControl li a.next { background: url(../images/products/pump-tour/tour-controls/btn-next.gif) 0 0 no-repeat; width: 44px; height: 15px; }
			
			#pageControl li.disc { margin-right: 5px; }
			
			#pageControl li.last-child { margin-right: 10px; }
				
				#pageControl li.disc a { background: url(../images/products/pump-tour/tour-controls/page-dot.gif) 0 5px no-repeat; width: 7px; height: 15px; }
				
					#pageControl li.disc a.active { background: url(../images/products/pump-tour/tour-controls/page-dot-active.gif) 0 5px no-repeat; width: 7px; height: 15px; }
		
		#switchTours { float: right; padding-top: 1px; }
		
			#switchTours h3 { float: left; font-size: 0.75em; text-transform: uppercase; color: #817B79; margin-right: 10px; }
			
				#switchTours ul { float: left; list-style: none; margin-left: 0;}
				
					#switchTours li { float: left; margin-right: 10px; margin-bottom: 0; }
		
		#tourControls a.comparePump { float: right; }
			
/* -------------------------------------------------------------- 
	7. Page Specific Styles
----------------------------------------------------------- */

/* Main Cutting Head Page
----------------------------------------------------------- */
#cuttingHeads { background: url(../images/products/cutting-heads/vertical-dashed-line.gif) 417px 0 repeat-y; padding: 1em 0 2em 0; }

	#completeHeads { float: left; width: 420px; margin-right: 15px; overflow: hidden; /* PFD */ }
		
		#completeHeads p { padding-right: 25px; }
	
	#upgradeHeads { float: left; width: 280px; overflow: hidden; /* PFD */} 
	
		#completeHeads h2,
		#upgradeHeads h2 { color: #858587; text-transform: uppercase; font: bold 1.333em helvetica,arial,sans-serif; }
			
			#completeHeads h2 span { color: #9A2529; }
	
			#upgradeHeads h2 span { color: #E7AD48; }
			
		#completeHeads p.cuttingHeader,
		#upgradeHeads p.cuttingHeader { font-size: 0.8333em; font-family: verdana, sans-serif; min-height: 80px; /* ie6.css */ } 

	.cuttingHead { float: left; margin-right: 20px; width: 120px; text-align: center; }
		
		.cuttingHead a { outline: none; }
		
			.cuttingHead img { display: block; margin-bottom: 0.5em; }

	#cuttingHeads ul { list-style: none; border-top: 1px solid #ECEBEB; padding-top: 0.75em; text-align: left; margin-bottom: 1em; min-height: 150px; /* ie6.css */}

		#cuttingHeads li { font-size: 0.833em; font-family: verdana, sans-serif; margin-bottom: 0.5em; padding-left: 12px; background: url(../images/yellow-bullet.gif) 0 3px no-repeat; }

/* Dialine Page
----------------------------------------------------------- */
body.dialineCutting h1 { width: 196px; height: 102px; text-indent: -9999px; background: url(../images/products/cutting-heads/dialine/dialine-logo.gif) 0 0 no-repeat; }

body.dialineCutting #cuttingIntroImage p { top: -29px; right: -19px; }

ol#dialineList { list-style: none; }

	ol#dialineList li { color: #575757; font: bold 1.333em Helvetica, arial, sans-serif; text-transform: uppercase; }
		
	ol#dialineList li.one { background: url(../images/yellow-one.gif) 0 3px no-repeat; padding-left: 25px; } 
	
	ol#dialineList li.two { background: url(../images/yellow-two.gif) 0 3px no-repeat; padding-left: 25px; } 
	
	ol#dialineList li.three { background: url(../images/yellow-three.gif) 0 3px no-repeat; padding-left: 25px; } 
	
		ol#dialineList li ul { list-style: none; padding-top: 0.5em; margin-left: -19px; }
		
		ol#dialineList li ul li { font-size: 0.625em; text-transform: none; padding-left: 15px; background: url(../images/yellow-bullet.gif) 0 3px no-repeat; margin-bottom: 1.25em; }
		
#comparision { padding: 2em 0 1em 25px; border-top: 1px dashed #D9D9D9; }	
		
/* A2 Page
----------------------------------------------------------- */
body.a2Cutting h1 { width: 149px; height: 116px; text-indent: -9999px; background: url(../images/products/cutting-heads/a2/a2-logo.gif) 0 0 no-repeat; }

body.a2Cutting h2 { width: 125px; height: 82px; text-indent: -9999px; background: url(../images/products/cutting-heads/a2/a2-logo-sm.gif) 0 0 no-repeat; }

/* Water Page
----------------------------------------------------------- */
body.waterCutting h1 { width: 191px; height: 91px; text-indent: -9999px; background: url(../images/products/cutting-heads/water/water-logo.gif) 0 0 no-repeat; }

body.waterCutting h2 { width: 128px; height: 60px; text-indent: -9999px; background: url(../images/products/cutting-heads/water/water-logo-sm.gif) 0 0 no-repeat; }

/*Intensifier Pump Maintenance Vide 
------------------------------------------------------------ */

#player {display: block; width: 520px; height: 440px; position: relative; z-index: 100;}





/***************** Main Menu *********************/

#mainMenu { background: url(../images/menu/navigation-bg.gif) 0 0 no-repeat; height: 31px; margin-bottom: 10px; position: relative; z-index: 1000; }
	#mainMenu ul { margin: 0; list-style: none; float: left; width: 541px; position: absolute; top: 0; left: 12px; }
		#mainMenu li { float: left; z-index: 9; position: relative; }
			#mainMenu li.active { margin-left: -2px; }

			#mainMenu li a { float: left; display: block; height: 30px; text-indent: -9999px; background: url(../images/menu/navigation-items.gif) 0 0 no-repeat; outline: none; }
			
			#mainMenu li#home a { width: 53px; background-position: 0 0; }
			#mainMenu li#waterjet-products a { width: 88px; background-position: -53px 0; }
			#mainMenu li#waterjet-parts a { width: 145px; background-position: -141px 0; }
			#mainMenu li#company a { width: 82px;  background-position: -286px 0; }
			#mainMenu li#professional-support a { width: 77px; background-position: -368px 0; }
			#mainMenu li#contact-us-page a { width: 95px; background-position: -445px 0; }
			
			#mainMenu li#home a.active { background-position: 0 -31px; }
			#mainMenu li#waterjet-products a.active { width: 89px; background-position: -52px -31px; }
			#mainMenu li#waterjet-parts a.active { width: 146px; background-position: -140px -31px; }
			#mainMenu li#company a.active { width: 83px; background-position: -285px -31px; }
			#mainMenu li#professional-support a.active { width: 78px; background-position: -367px -31px; }
			#mainMenu li#contact-us-page a.active { width: 97px; background-position: -444px -31px; }
			
			#mainMenu li div.sub-menu { display: none; background-color: #f0f0f0; width: 181px; padding: 8px; position: absolute; top: 30px; left: 0px; z-index: 20; border-bottom: 4px solid #5E5959; opacity: 0.92; -moz-opacity:0.92; }
				#mainMenu li div.sub-menu a { display: block; padding: 6px; background-image: none; text-indent: 0; height: auto; width: auto !important; float: none; font: normal 0.917em Tahoma, Arial, Sans Serif; text-decoration: none; color: #817B79; }
					#mainMenu li div.sub-menu a:hover { background-color: #a81419; color: #FFFFFF;}
					
			#mainMenu li:hover div.sub-menu,
			#mainMenu li div.hover { display: block; }
			
	#searchForm { position: absolute; right: 0; top: 0; width: 198px; font-size: 11px; padding-top: 5px; padding-left: 12px; line-height: 12px;}
		#searchForm p { padding: 0; margin: 0; }
		#searchForm input.text { width: 128px; height: 12px; padding: 3px; border: 1px solid #afa7a7; font-size: 11px; font-family: Arial, Sans Serif; }
		#searchForm input.image { margin-left: 4px; position: relative; top: 3px; }

/****************** Body Sub-Menu ************************/
	
	#sub-menu ul { list-style: none; margin-left: 0; margin-bottom: 2em; }
	
		#sub-menu li { padding-left: 7px; margin-bottom: 0.5em; background: url(../images/sub-menu/bullet.gif) 0 5px no-repeat; }
		
		#sub-menu li.active { background-image: url( ../images/sub-menu/bullet-selected.gif ); }
		
			#sub-menu li a { font: 0.917em arial, helvetica, sans-serif; }
			
			#sub-menu li.active a,
			#sub-menu li.active ul a.active { font-weight: bold; color: #817B79; text-decoration: none; }
			
				#sub-menu li.active ul { padding: 0.2em 0 0 0; margin-left: 0; margin-bottom: 0; }
				
					#sub-menu li.active ul a { font-weight: normal; color: #0081BF; text-decoration: underline; }	
					
					#sub-menu li.active ul a:hover { color: #b42025; } 
/****************** Body Sub-sub-Menu ************************/

#sub-menu .sub-menu {
	font-weight: normal;
}

#sub-menu .sub-menu a {
	color: #0081BF;
}

#sub-menu div.sub-menu-container {
	display: none;
	border: 1px solid #E0DDE0;
	margin: 6px 0px 6px -10px;
	padding: 10px;
}
#sub-menu .selected div.sub-menu-container {
	display: block;
}

#sub-menu .sub-menu {
	margin: 0px;
	float: left;
	width: 49%;
}



/******************* accustream specific ********************/

.clearer {
	clear: both;
}

.nobr, .nowrap {
	white-space: nowrap;
}

a {
	color: #0081BF;
}

a:hover { color: #b42025; }

.header1 {
	margin-bottom: 6px;
	font-family: Arial, Sans Serif;
	font-weight: bold;
	font-size: 1.37em;
	color: #E7AD48;
}
.header2 {
	font-family: Arial, Sans Serif;
	font-weight: bold;
	/*
	font-size: 15px;
	*/
	font-size: 1.37em;
	color: white;
}
.header3 {
	margin-bottom: 6px;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color: #888888;
	font-size: 1.333em;
	border-bottom: 1px solid #DFDFDF;
}

.header4 {
	margin-bottom: 6px;
	font-family: Arial, Sans Serif;
	font-weight: bold;
	font-size: 1.18em;
	color: #616161;
	border-bottom: 1px solid #DFDFDF;
}

h3.header4 {
	font-size: 1.0em;
	margin-bottom: 4px;
	border-bottom: none;
}



.header5 {
	margin-bottom: 4px;
	font-family: Arial, Sans Serif;
	font-weight: bold;
	font-size: 1.18em;
	color: #4A4A4A;
}

div.br {
	border-bottom: 1px solid #DFDFDF;
}

h1 img, h2 img, h3 img {
	display: block;
}

p {
	margin-bottom: 1em;
	line-height: 1.5;
}

.bulleted {
	padding-left: 7px;
	/*line-height: 1.2em;*/
	
	background-image: url( ../images/sub-menu/bullet.gif );
	background-repeat: no-repeat;
	background-position: 0px 0.5em;
}

.inlineMessage {
	display: inline !important;
}

.errors {
	width: 100%;
	margin: 1.2em 0;
	border: 1px solid #E0D75F;
	background-image: url( ../images/form/error-bg.gif );
	background-color: #FFFCD7;
	background-repeat: repeat-x;
}
	.errors .errors-icon-wrapper {
		width: 50px;
		padding: 20px 10px 20px 20px;
		vertical-align: middle;
	}
	
	.errors .errors-icon-wrapper img {
		display: block;
	}
	
	.errors .errors-message-wrapper {
		padding: 20px 20px 20px 10px;
	}
	.errors .errors-message-wrapper p {
		margin: 0;
		padding: 0;
	}
	.errors li {
		margin: 0.25em;
	}

/**************** Headers Styles ************************/
		
body.noHeaderBg #header,
body.noHeaderBg #mainContent { background: none; }
	body.noHeaderBg #header h1 { padding: 0.7em 10px 0.7em 0;}
	
	body.contactUs #header h1 { padding-top: 0; }
	
	body.customerService #header h1,
	body.technicalService #header h1,
	body.manualsDownloads #header h1 { padding-top: 0; position: relative; z-index: 10; top: -20px; }
	
	body.waterjetTraining #header h1 { padding-top: 0; }
	body.manualsDownloads #header h1 { top: -25px; }
	
/**************** Replacement Parts page ************************/
img.replacementParts { position: relative; left: 10px; top: -15px; }

#replacePartsInfo { float: left; width: 160px; position: relative; top: -30px; left: 0; margin-right: 27px; }

	#replacePartsInfo h2 { font-size: 1.083em; }
	
	#replacePartsInfo p { font-size: 0.917em; }

#replacementPartListing { float: left; width: 360px; margin-right: 20px; }

	#replacementPartListing ul { list-style: none; margin: 0; margin-left: 20px; }

		#replacementPartListing li { margin-bottom: 1em; }
	
#replacementPartSearch { float: left; width: 150px; }

	#replacementPartSearch .text { margin-bottom: 0.5em; display: block; }
	
	#replacementPartSearch .image { display: block; float: right; }
	



/**************** Form Styles ************************/

fieldset 			{ margin-bottom: 1.5em; padding: 0 0 1em 0; border: 0; }
fieldset.last 		{ border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
legend 				{ font-weight: bold; }
.fieldArea label 	{ float: left; margin-right: 10px; width: 110px; color: #000000; }
.required label:after{
	content: " *";
	color: #9A2529;
}

.fieldArea 			{ margin-bottom: 3px; }
.fieldArea input,
.fieldArea textarea { width: 200px; font-family: inherit; font-size: inherit; }
.fieldArea textarea { height: 65px; }

input.inputButton 			{
	cursor: pointer; border: none; color: #FFFFFF; font: normal 0.917em verdana;
	padding: 2px 8px 3px 8px; border: 1px solid #9A2529; background: #9A2529;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	background-position:  4px 50%; background-repeat: no-repeat;
}
input.inputButton:hover 	{ background-color: #b01217; border-color: #b01217; }
input.addToCart			{ padding-left: 22px; background-image: url(../images/icons/cart.gif); }
	#productListing input.addToCart	{
		background-image: url(../images/icons/cart-2.gif);
		background-color: #FFFFFF; border: 1px solid #CCCCCC; color: #817B79;
	}
	#productListing input.addToCart:hover { color: #474443; background-color: #FFF; border-color: #CCCCCC; }
	input.disabledAddToCart, input.disabledAddToCart:hover { cursor: default; background-color: #F4F3F3; border-color: #F4F3F3; color: #b1adac; }
input.remove,
input.update { background-color: #FFFFFF; border: 1px solid #CCCCCC; color: #817B79; }
input.previous { background-image: url(../images/icons/previous-2.gif); padding-left: 16px; }
input.remove {
	background-image: url(../images/icons/remove-2.gif); padding: 1px 2px 1px 10px;
}
.cartProductList input.remove {
	margin-right: 8px; position: relative; top: -1px;
}
	input.remove:hover,
	input.update:hover { color: #474443; background-color: #FFF; border-color: #CCCCCC; }
input.placeOrder,
input.checkOut { float: right; background-image: url(../images/icons/next.gif); background-position: 100% 50%; padding-right: 16px; }


input.protect				{ display: none; }

span.message 		{ display: block; font-size: 0.917em; padding: 0.1em 0 0.6em 0; clear: left; }
span.error 			{ color: #DD0000; }

#loginForm,
form.searchForm,
.definedGroup {
	background:url("../images/header-bg.gif") no-repeat scroll 50% 0 transparent;
	padding: 15px 20px;
	border: 1px solid #D9D9D9;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
#loginForm,
.saveAccountForm,
form.searchForm {
	margin-bottom: 1em;
	-moz-box-shadow: 2px 2px 5px rgba( 20, 20, 20, 0.1 );
	-webkit-box-shadow: 2px 2px 5px rgba( 20, 20, 20, 0.1 );
	box-shadow: 2px 2px 5px rgba( 20, 20, 20, 0.1 );
}
.definedGroup { margin-bottom: 1em; }
	.definedGroup h2 { margin-bottom: 0.25em; }
	.definedGroup .definedGroup { padding: 15px; }
#loginForm,
.saveAccountForm { float: right; }
form.searchForm { padding-bottom: 10px; }
	.saveAccountForm label, #loginForm label { width: 75px; }
	.saveAccountForm input, #loginForm input { width: 125px; }
	.saveAccountForm .inputButton, #loginForm .inputButton { width: auto; }
	form.searchForm .fieldArea { float: left; margin: 0; padding: 0; }
	form.searchForm label { line-height: 20px; width: 40px; margin-rigth: 8px; }
	form.searchForm input { width: 250px; }
	form.searchForm .inputButton { width: auto; position: relative; left: 8px; }
	form.searchForm p { clear: both; font-size: 0.8em; color: #4D5151; padding: 0; margin: 0; margin-left: 48px; }

	p.accountBtn { margin-bottom: 0.25em; }
	
#register .howHearFieldArea { margin-bottom: 2em; }

#search { margin-bottom: 1em; }
	
	#searchResultsForm #productListing { width: auto; }
	
	#searchResultsForm #productListing .products-list { margin-bottom: 2em; }

/**************** End Form Styles ************************/

div.section {
	margin-bottom: 12px;
}

div.section div.section {
	margin-bottom: 6px;
}

.moreArrow { color: #666666; padding-right: 15px; background: url(../images/home/see-all-arrow.gif) 100% 3px no-repeat; }

/**************** Product Button ************************/
#mainContent .product-information-buttons, #content .product-information-buttons {
	margin-left: auto;
	margin-right: auto;
	width: 200px;
}
#mainContent .product-literature, #content .product-literature {
	float: left;
	display: block;
	width: 0px;
	height: 43px;
	padding-left: 93px;
	overflow: hidden;
	margin-bottom: 1.2em;
	
	background-image: url( ../images/buttons/download-product-literature.gif );
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#mainContent .product-literature:hover, #contenmainContent .product-literature:hover {
	background-position: 0px -43px;
}
#mainContent .watch-video, #content .watch-video {
	float: right;
	display: block;
	width: 0px;
	height: 43px;
	padding-left: 93px;
	overflow: hidden;
	margin-bottom: 1.2em;
	
	background-image: url( ../images/buttons/watch-product-videos.jpg );
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#mainContent .watch-video:hover, #content .watch-video:hover {
	background-position: 0px -43px;
}

/* Easy Clearing Styles
----------------------------------------------------------- */
.group:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* CF, IE.css, IE6.css */







#header img {
	display: block;
}

#body {
	width: 739px;
	margin-left: 10px;
	font-family: Arial, Sans Serif;
}


/* ============================= New way to do forms ========================== */
.field-area {
	margin-top: 8px;
}
.field-area label {
	display: block;
	margin-bottom: -1.5em;
}
.field-area input,
.field-area textarea,
.field-area select
{
	margin-left: 100px;
}

.boeingImg { 
	float: left;
	margin-right: 14.5px;
}


/* Boxes */

/*************** Dark Blue Box *******************/
table.dark-blue-box {
	width: 100%;
	height: 29px;
	
	background-color: #086089;
	color: white;
}

table.dark-blue-box img {
	display: block;
}

table.dark-blue-box td.left,
table.dark-blue-box td.right {
	width: 5px;
}

table.dark-blue-box td.left img {
	float: left;
}

table.dark-blue-box td.right img {
	float: right;
}

table.dark-blue-box td.box-content {
	vertical-align: middle;
}


/*************** Light Blue Box *******************/
table.light-grey-box {
	width: 100%;
	height: 27px;
	background-color: #c1bdbc;
	color: white;
	margin-bottom: 0.5em;
}

table.light-grey-box img {
	display: block;
}

table.light-grey-box td.left,
table.light-grey-box td.right {
	width: 5px;
}

table.light-grey-box td.left img {
	float: left;
}

table.light-grey-box td.right img {
	float: right;
}

table.light-grey-box td.box-content {
	padding-left: 8px;
	vertical-align: middle;
}
table.light-grey-box td.box-content a { color: inherit; }

/*************** Orange Box *******************/
table.orange-box {
	width: 100%;
	height: 84px;
	
	background-image: url( ../images/boxes/orange-box/bg.jpg );
	background-position: top left;
	background-repeat: no-repeat;
}

table.orange-box img {
	display: block;
}

table.orange-box td.left,
table.orange-box td.right {
	width: 5px;
}

table.orange-box td.left img {
	float: left;
}

table.orange-box td.right img {
	float: right;
}

table.orange-box td.box-content {
	padding-left: 20px;
	vertical-align: middle;
	
	font-family: Arial, sans-serif;
	font-size: 50px;
	font-size: 2.6em;
	font-weight: bold;
	color: white;
	
	line-height: 1em;
}


/*************** dark-gradient Box *******************/
table.dark-gradient-box {
	width: 100%;
	height: 25px;
	
	background-image: url( ../images/boxes/dark-gradient-box/bg.gif );
	background-position: top left;
	background-repeat: repeat-x;
}

table.dark-gradient-box img {
	display: block;
}

table.dark-gradient-box td.left,
table.dark-gradient-box td.right {
	width: 5px;
}

table.dark-gradient-box td.left img {
	float: left;
}

table.dark-gradient-box td.right img {
	float: right;
}

table.dark-gradient-box td.box-content {
	padding-left: 20px;
	vertical-align: middle;
	
	font-family: Arial, Sans Serif;
	font-size: 11px;
	font-size: 0.6875em;
	color: white;
}

/* Breadcrumbs */

#bread-crumbs { margin-bottom: 6px; margin-top: -6px; padding-left: 10px; }
	#bread-crumbs li { display: inline; list-style-type: none; margin-right: 5px; line-height: 1; }
		#bread-crumbs a { color: #817B79; font: 0.917em arial, sans-serif; background: url(../images/breadcrumb-arrow.gif) 0 3px no-repeat; padding-left: 14px; }
			#bread-crumbs a.root { background: none; padding-left: 0; }
			#bread-crumbs a.selected { text-decoration: none; }

/* Disclaimers */

#disclaimer {
	font-size: 11px;
	clear: both;
	border-top: 1px solid #DFDFDF;
	color: #666666;
}

#disclaimer div {
	padding: 1em 4em;
	
	font-family: Tahoma, Arial, Sans Serif;
	font-size:  0.818em; /* font-size: 9px; */

}

/* FOOTER */


#foot {
	clear: both;
	border-top: 1px solid #DFDFDF;
	height: 80px;
	
	font-size: 10px;

	position: relative;
	background: url(../images/footer-bg.gif) 0 0 no-repeat; 
	font-family: Tahoma, Arial, Sans Serif
}

#copyright {
	/* border: 1px solid green; */
	
	position: absolute;
	top: 10px;
	left: 12px;
	
	font-size: 1em; /* font-size: 10px; */
}

	#copyright a { margin-right: 5px; }
	
#contact-info {
	/* border: 1px solid green; */
	
	position: absolute;
	top: 10px;
	right: 12px;
	
	text-align: right;
	font-size: 1em; /* font-size: 10px; */
}

#footerContent {
	position: absolute;
	bottom: -12px;
	left: 12px;
}

/* Home */

#body, #content {
	padding: 0px;
}

#left {
	width: 237px;
}

#banners img {
	display: block;
}

/* Youtube */

.youTube { padding-top: 40px; margin-bottom: 60px;  }

#body ul.sub-menu {
	margin-top: 10px;
	margin-left: 24px;
}

.boeing {
	background: url(../images/promo/amcr-boeing.jpg) no-repeat 0 0;
	margin: 20px 0 15px 0;
	text-indent: -9999px;
	width: 495px;
	height: 65px;
	float: right;
	display: block;
}

.boeing a {text-decoration: none; border: none; }

/* TAB PANES */


#tabbed-div {
	margin-top: 8px;
}

#tabbed-div .tabs { margin-bottom: -1px; }

#tabbed-div .tab {
	float: left;
	margin-right: 8px;
	padding: 5px 9px;
	
	font-family: Arial, Sans Serif;
	border: 1px solid #DFDFDF;
	background-color: #F2F2F2;
	line-height: 1em;
}

#tabbed-div .selected {
	font-weight: bold;
	border-bottom: 1px solid white;
	background-color: white;
}

#tabbed-div .tab a {
	text-decoration: none;
}

#tabbed-div .content {
	padding: 8px;
	border: 1px solid #DFDFDF;
}


/********** Tomahawk panel tabbed pane styles ***********/
#panel-tabbed-pane {
	margin-top: 8px;
	
	border: none;
	border-left: 1px solid #DFDFDF;
}

#panel-tabbed-pane .tab-active input,
#panel-tabbed-pane .tab-inactive input {
	margin: 0px;
	padding: 0px;
	border: none;
	
	font-family: Arial, Sans Serif;
	font-weight: bold;
}

/* See html for conditional comment
#panel-tabbed-pane .myFaces_panelTabbedPane_emptyHeaderCell {
	width: 100%;
}

#panel-tabbed-pane .tab-active + .myFaces_panelTabbedPane_emptyHeaderCell {
	width: auto;
}
*/

#panel-tabbed-pane .tab-active,
#panel-tabbed-pane .tab-inactive,
#panel-tabbed-pane .tab-disabled {
	width: 6.3em;/* 82px; use em */
	
	padding-left: 9px;
	padding-right: 9px;

	border: 1px solid #DFDFDF;
}

#panel-tabbed-pane .tab-active {
	border-bottom: none;
}

#panel-tabbed-pane .myFaces_panelTabbedPane_emptyHeaderCell {
	border-bottom: 1px solid #DFDFDF;
}

#panel-tabbed-pane .subcell-inactive,
#panel-tabbed-pane .subcell-active {
	height: 0px;
	border: none;
}

#panel-tabbed-pane .tab-content {
	border: 1px solid #DFDFDF;
	border-top: none;
	/*
	border: none;
	*/
}


/*************** actual hotspot styles *******************/

#hotspot-spacer {
	/*
	z-index: auto;
	z-index: 4;
	*/
}

#hotspot-image {
	position: absolute;
	top: 0px;
	left: 0px;
	/*
	z-index: 1;
	left: -10px;
	*/
}

.hotspot {
	display: block;
	position: absolute;
	z-index: 10;
	text-decoration: none;
	color: black;
}

.hotspot img {
	display: block;
}

.hotspot span.info {
	visibility: hidden;
	display: block;
	width: 257px;
	width: 233px;
	
	padding: 10px 12px;
	border: 2px solid #C3C3C3;
	
	position: absolute;
	z-index: 10;
	
	background-color: white;
}

.hotspot:hover {
	border: 1px solid none;
}

.hotspot:hover span.info {
	visibility: visible;
}

.hotspot span.info span.arrow {
	background-repeat: no-repeat;
}

/************** info box positions ********************/

/* arrow on top right, pointing right */
.hotspot span.info.top-right {
	top: -8px;
	right: 36px;
}

.hotspot span.info.top-right span.arrow {
	display: block;
	width: 10px;
	height: 15px;
	
	position: absolute;
	top: 12px;
	right: -10px;
	
	background-image: url( ../images/hotspots/arrow-right.gif );
}

/* arrow on top left, pointing left */
.hotspot span.info.top-left {
	top: -8px;
	left: 36px;
}

.hotspot span.info.top-left span.arrow {
	display: block;
	width: 10px;
	height: 15px;
	
	position: absolute;
	top: 12px;
	left: -10px;
	
	background-image: url( ../images/hotspots/arrow-left.gif );
}

/* arrow on top right, pointing up */
.hotspot span.info.right-top {
	top: 36px;
	right: -8px;
}

.hotspot span.info.right-top span.arrow {
	display: block;
	width: 15px;
	height: 10px;
	
	position: absolute;
	top: -10px;
	right: 12px;
	
	background-image: url( ../images/hotspots/arrow-up.gif );
}


/* arrow on top left, pointing up */
.hotspot span.info.left-top {
	top: 36px;
	left: -8px;
}

.hotspot span.info.left-top span.arrow {
	display: block;
	width: 15px;
	height: 10px;
	
	position: absolute;
	top: -10px;
	left: 12px;
	
	background-image: url( ../images/hotspots/arrow-up.gif );
}


/**************** Content Styles ******************/
.hotspot .content {
	display: block;
	/*
	margin: 3px;
	padding: 10px 12px;
	border: 2px solid #C3C3C3;
	*/
}

.hotspot .content .label {
	border-right: 1px solid #C3C3C3;
	padding-right: 5px;
	margin-right: 5px;

	color: #989898;
	font-weight: bold;
}

.hotspot .content .title {
	color: #616161;
	font-weight: bold;
	text-transform: uppercase;
}

.hotspot .content .description {
	display: block;
	margin-top: 6px;
	color: #000000;
}


/* Sitemap Page */

#products,
#support,
#contact-us {
	width: 273px;
	padding-right: 4px;
}


/* Checkout Process Page */
#cartAndShipping {}

table.data { width: 100%; margin-bottom: 1em; border-bottom: 1px solid #DFDFDF; }	
	table.data th {
		background-color: #817B79;
		color: #fff;
		text-align: left;
		padding: 5px 3px;
	}
	table.data td {
		text-align: left;
		border-top: 1px solid #DFDFDF;
		padding: 5px 0;
	}


#succesCheckout {
	width: 435px;
	padding-bottom: 2em; 
}
	#succesCheckout table.data {
		width: auto;
	}

table.data th.subtotal,
table.data td.subtotal {
	text-align: right;
	padding-right: 10px;
}
table.data td.description { width: 450px; vertical-align: top; padding-left: 1em; }
	table.data td.description .partNumber, table.data td.description .partNumber a { color: #888888; }
table.data td.quantity { width: 5em; padding-right: 0.5em; }
	table.data td.quantity .fieldArea { margin: 0; padding: 0; }
	table.data td.quantity input { width: 4em; }

table.data tr.odd td,
.odd {
	background-color: #f6f9f9;
}

table.data td.price {
	font-size: 1em;
	color: #817B79;
	padding-left: 0.5em;
}
	body.productPage .productDeal .price {
		font-size: 1.7em;
		color: #FFAA00;
	}
.subTotalAmount {
	font-weight: bold;
	color: #FFAA00;
}
.productTitle {
	/* no styling needed now. left here for future purposes */
}
.productChangeOptions {
	display: block;
	font-size: .8em;
	color: #a4bbc0 !important;
}
.thumbnail img {
	border: 1px solid #DFDFDF;
}
.discount,
.tax {
	font-size: .8em;
	color: #a4bbc0;
	display: block;
}


.cartTotalDetails {
	float: right;
}
	.cartTotalDetails td {
		border: 0;
		text-align: right;
		padding: 0 10px 2px 4px;
		width: 5em;
	}
	.cartTotalDetails td.cartTotalDetailsLabel {
		padding-right: 0.25em;
		font-weight: bold;
		color: #888888;
		width: auto;
	}

.cartProductList td { vertical-align: middle; }

.postalCodeFieldArea input { width: 8em; }
	
.checkoutControls { margin-top: 1em; clear: both; padding-top: 1em; padding-bottom: 2em;  }
		
		
tr.oddRow td {
	background-color: #fcfbf7;
}


.pagination { padding: 1em 0; float: left; width: 100%; outline: none; }

	.pagination .pageInfo { float: right; }

	.pagination .first,
	.pagination .previous,
	.pagination .next,
	.pagination .last { outline: none; background: url(../images/pagination.gif) 0 0 no-repeat; display: block; height: 15px; width: 15px; text-indent: -9999px; float: left; margin-right: 5px;  }
	
		.pagination .first:hover { background-position: 0 -15px; }
		
		.pagination .previous { background-position: -15px 0;}
		.pagination .previous:hover { background-position: -15px -15px; }
		
		.pagination .next { background-position: -30px 0;}
		.pagination .next:hover { background-position: -30px -15px; }
		
		.pagination .last { background-position: -45px 0;}
		.pagination .last:hover { background-position: -45px -15px; }
		
	.pagination .disabled { display: none; }
	
	.pagination .paginator { float: left; }
	
		.pagination .paginator .page { margin-right: 5px; }
		.pagination .paginator .current { color: #000000; text-decoration: none; }
	
	.pagination .ellipse { float: left; margin-right: 5px; }


.categories-list td { padding-right: 1.25em; padding-bottom: 0.5em; }

#checkoutArea h2,
#checkoutArea h3 { clear: left; }
#checkoutArea h3 { color: #3A3A39; font-size: 1.09em; margin-top: 0.5em; margin-bottom: 0.5em; }

#checkoutForm h2.header3 { width: 440px; }

#checkoutArea fieldset { margin-bottom: 0; padding-bottom: 0; }
#checkoutArea .shippingArea { float: right; width: 310px; }
#checkoutArea .paymentArea { float: left; width: 310px; }
#checkoutArea .poNumberFieldArea { margin-top: 0.5em; }
	#checkoutArea .poNumberFieldArea label { width: auto; }

#checkoutArea .orderCommentsFieldArea { margin-bottom: 1em; }
	#checkoutArea .orderCommentsFieldArea label { width: auto; float: none; display: block; color:#3A3A39; font-size:1.09em; font-weight: bold; }
	#checkoutArea .orderCommentsFieldArea textarea { width: 500px; height: 5em;}

.current-login { text-align: right; }

/* Unsubscribe form */

#unsubscribeForm {width: 275px;}

#unsubscribeForm label {display: block; width: 100px; float: left; }

#unsubscribeForm .submit {margin-top: 15px; }


.status { padding: 4px; }
	#updateStatus .status { display: inline; }
	.status img { vertical-align: middle; }
	.status span { margin-left: 5px; font-size: 10px; color: #817B79; }