/* CLEAR DEFAULTS -------------------------------------*/
:link,:visited {text-decoration:none; outline-style:none; } 
a img,:link img,:visited img { border:none; outline-style:none;}

address {font-style:normal;}
form { display:inline; }

i {display:none;}
img { border:0px; }

ul,ol,dl {list-style:none;} 
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd,div { margin:0px; padding:0px;} 

em { font-style:italic;}
strong { font-weight:bold;}
h1,h2,h3,h4,h5,h6,pre,code { font-weight:normal; }

p { margin-bottom:15px; margin-top:1px; line-height:1.4em; text-align:left; }
sup { font-size:0.5em; margin-top:-2px; padding:-5px; height:1em; top:-0.2em; position:relative; width:6px; z-index:1; }

h1 { margin:10px 0px 5px 0px; padding:0px; font: italic bold 24px/1.3em Georgia, "Times New Roman", Times, serif; color:#34567F; border-bottom:0px solid #34567F; white-space:nowrap; }
h2 { margin:0px 0px 8px 0px;  padding:0px; font: italic bold 20px/1.3em Georgia, "Times New Roman", Times, serif; color:#557398; }
h3 { margin:0px 0px 10px 0px; padding:0px; font: normal 16px/1.4em Tahoma, Geneva, sans-serif; color:#557398; }

/* need to change the selector for the edit pages */
h3 a { font-weight: bold; text-transform:capitalize; }
h3 a:hover { color:#666; }

h4 { margin:0px 0px 10px 0px; padding:0px; font: bold 15px/1.4em Tahoma, Geneva, sans-serif; color:#557398;}
h5 { margin:0px 0px 10px 0px; padding:0px; font: normal 12px/1.4em Tahoma, Geneva, sans-serif; }

a:link, a:visited {	color:#940F0F; text-decoration:none; outline-style:none; }
a:hover { text-decoration:underline;}
.More { font-style:italic;}

/* HTML TAG STYLES -------------------------------------*/
html { height:100%; margin:0px auto 0px auto; overflow:scroll; } 
body {
	color:#666;
	text-align:center;
	margin:0px auto 0px auto; 
	padding:0px;
	font-family: "trebuchet MS", tahoma, arial, sans-serif;
	font-size:13px; 
	line-height:1.2em; 
}

/* PAGE LAYOUT -------------------------------------*/
#PageWrapper { width:100%; text-align:center; padding:0px; margin:0px auto 0px auto;}

/* Header Styles -------------------------------------*/
		#HeaderWrapperFull {
			width:100%;
			margin:0px auto 0px auto; text-align:center;
			padding:0px;
			height:300px;
			background-image: url(/base/images/presentation/BG-Header-Full.jpg);
			background-repeat:repeat-x;
			background-position: center center; 
		}
		
		#HeaderFull {
			width:100%;
			margin:0px auto 0px auto; text-align:center;
			padding:0px;
			height:300px;
			background-image: url(/base/images/presentation/HeaderLogoFull.jpg);
			background-repeat:no-repeat;
			background-position: center center; 
		}
		
		#HeaderWrapperSmall { 
			width:100%;
			margin:0px auto 0px auto;
			height: 180px;	
			background-image: url(/base/images/presentation/BG-Header-Small.jpg);
			background-repeat: repeat-x;
			background-position: center center;
		}
		
		#HeaderSmall { 
			width:100%;
			margin:0px auto 0px auto;
			height: 180px;	
			background-image: url(/base/images/presentation/HeaderLogoSmall.jpg);
			background-repeat: no-repeat;
			background-position: center center;
		}

/* Tagline quote in header */
			#TagLineFullWrapper { 
				float:right;
				width:100%;
				margin: 130px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				}
			
			#TagLineFull { 
				width:600px;
				margin: 0px auto 0px auto;
				padding:0px 0px 0px 0px;
				}
			
			#TagLineFull h1 { margin:0px 0px 15px 200px; padding:0px; font: italic bold 20px/1.3em Georgia, "Times New Roman", Times, serif; color:#34567F; border:none; }
			
			#TagLineFull h2 { margin:0px 0px 0px 200px; padding:0px; font: italic bold 24px/1.3em Georgia, "Times New Roman", Times, serif; color:#557398; border:none; }
			
/* Small Header */
			#TagLineSmallWrapper { 
				float:right;
				width:100%;
				margin: 80px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				}
				
			#TagLineSmall { 
				width:600px;
				margin: 0px auto 0px auto;
				padding:0px 0px 0px 0px;
				}
			
			#TagLineSmall h1 { margin:0px 0px 10px 35px; padding:0px; font: italic bold 14px/1.3em Georgia, "Times New Roman", Times, serif; color:#34567F; border:none; }
			
			#TagLineSmall h2 { margin:0px 0px 0px 150px; padding:0px; font: italic bold 18px/1.3em Georgia, "Times New Roman", Times, serif; color:#557398; border:none; }
			
/* Tiny Menu */
#TinyMenuWrapper { 
	width:100%; 
	height:20px; 	
	background-image: url(/base/images/presentation/BG-TopStrip.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
 }
#TinyMenuBar {
	float:left;
	width:950px;
	padding:0px;
	margin:2px 0px 0px 0px ;
	font-size:11px;
	line-height:normal;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	}
				#TinyMenuBar ul {
					list-style:none;
					margin:0px 0px 0px 0px;
				}
				#TinyMenuBar li {
					display:inline;
					padding: 0px 10px 0px 12px;
					border-left:1px solid #3F6397;
				}
				#TinyMenuBar li.First {	border:none;}
				#TinyMenuBar a { color:#fff; text-decoration:none;}
				#TinyMenuBar a:hover { color:#ccc; text-decoration:none; }

/* Main Menu */
#MenuWrapper { width:100%; height:35px;	margin:0px auto 0px auto; text-align:center;
	background-image: url(/base/images/presentation/BG-Menu.jpg);
	background-repeat: repeat-x;
	background-position: center center;
   }

#MenuBar {
	vertical-align:middle;
	float:left;
	width:100%;
	margin:9px 0px 0px auto;
	padding:0px;
	font-family:"trebuchet MS", tahoma, arial, sans-serif;
	font-size:14px;
	line-height:normal;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	color: #FFCC00;
	}
				#MenuBar ul {
					list-style:none;
					margin:0px 0px 0px 0px; }
				#MenuBar li {
					display:inline; 
					padding: 0px 10px 0px 10px;
					border-left:1px solid #999;	}
				#MenuBar li.First {	border:none;}
				#MenuBar a { color:#fff; text-decoration:none; }
				#MenuBar a:hover {
	color:#CCCCCC;
}
		
				#MenuBar li a img {	margin:0px; padding:0px 4px 0px 0px; float:none;} /* keeps edit icons in place in the menu */ 
		
/* Current page menu highlighter */
#Home #Nav-Home a, 
#Corrosion-Piping-Products #Nav-Corrosion-Piping-Products a, 
#Products #Nav-Products a, 
#Teflon-Lined-Steel #Nav-Teflon-Lined-Steel a, 
#Machining-Fabrication #Nav-Machining-Fabrication a, 
#Fiberglass-Piping #Nav-Fiberglass-Piping a, 
#Categories #Nav-Categories a, 
#FAQs #Nav-FAQs a, 
#Details #Nav-Details a, 
{ color:#557398; }
	
/* Content where content is located */ 
#ContentWrapper {
	width:100%;
	background-image: url(/base/images/presentation/BG-Content.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color:#FFF; }

#Content {
	width:950px;
	min-height:300px;
    margin: 0px auto 0px auto;  
	text-align: center;
	padding:20px 0px 20px 0px;
	text-align:left; }

		#Content #Left { 
			width:550px;
			float:left; clear:right;
			text-align:left;
			padding:10px;
			margin:0px 0px 0px 0px;
			clear:right; }
					
		#Content #Right { 
			width:350px;	
			float:right;
			text-align:left;
			padding:10px;
			margin:0px 0px 0px 10px;
			border:0px; }

		#Content #Full { 
				width:100%;
				float:left;
				text-align:left;
				padding:10px;
				margin:0px 0px 0px 0px; }

/* Footer Styles -------------------------------------*/
#FooterWrapper { 
	width: 100%;
	height:180px;
	background-image: url(/base/images/presentation/BG-Footer.jpg);
	background-repeat:repeat-x;
	background-position: center top;
	background-color:#17283B; }

#Footer { width:950px;
	margin:0px auto 0px auto;
	padding:15px 15px 0px 20px;
	font-size: 12px; 
	text-align: left; 
	color:#eee; 
	clear:both; }
#Footer .Left { float:left; clear:right;  width:30%; }
#Footer .Right {float:right; width:60%; }
#Footer h1 { font-size:16px; color:#eee; border:0; margin:0px 0px 0px 0px; line-height:1em;}
#Footer address { }
#Footer a { text-decoration:none; font-weight:normal; color:#f90;}
#Footer a:hover { text-decoration:underline; color:#fff;}
				
/* Floats Images */
.ImgLeftFloater  { float:left;  margin:0px 10px 20px 10px; border: none;}
.ImgRightFloater { float:right; margin:0px 0px 20px 15px;  border: none;}


/* For the Customer Testimonials page */
#ClientList p.Quote  {
	margin-top:20px;
	text-align:left;
	font: italic normal 16px/1.4em Georgia, "Times New Roman", Times, serif;
	color:#000;
}

#ClientList p.Author {
	font: italic normal 12px/1.4em Georgia, "Times New Roman", Times, serif;
	color:#666;
	text-align:right;
	padding-bottom:0px;
	margin:0px;
}

/* Mailing List Box */
#MailingList { float:left; width:300px; height:90px; background-color:#eee; border:1px solid #ccc; padding:0px; text-align:center; }
#MailingList h1 { padding:3px; padding-left:10px; color: #990000;  margin:0px; }
#MailingList p { padding:0px; padding-left:10px; margin:0px;  }

/* Document icons */
	a.pdf {background:url(/images/icons/ico-pdf.gif) no-repeat left top; padding-left:20px; margin-right:20px; padding-right:20px; display:block; float:left; }
	a.doc {background:url(/images/icons/ico-doc.gif) no-repeat left top; padding-left:20px; margin-right:20px; padding-right:20px; display:block; float:left; }

/* UNUSED   News  */
#NewsWrapper {
	width: 320px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
}
							#NewsTop {
								width:320px;
								background-image: url(/base/images/presentation/BG-NewsTop.jpg);
								background-repeat: no-repeat;
								background-position:center top;
							}
							#NewsBottom {
								width:320px;
								background-image: url(/base/images/presentation/BG-NewsBottom.jpg);
								background-repeat: no-repeat;
								background-position:center bottom;
								padding:0px 0px 20px 0px;
							}

#NewsWrapper h1 { 
		font: normal 22px/1.4em Tahoma, Arial, Helvetica, sans-serif; 
		color:#000; 
		border:0px; 
		margin:0px 0px 15px 10px;
		padding:15px 0px 0px 10px;}
		
#NewsItem {clear:both; min-height:70px;}

#NewsItem img {
	float:left; clear:both;
	width:55px; height:65px; 
	margin: 0px 0px 0px 15px;
	padding:0px 10px 0px 0px;
	}

#NewsItem h2 {
	float:right;  
	width:220px;
	padding:0px;
	margin:0px 15px 0px 0px; /* IE6 Doubles the left margin since its a left float so fix it for IE6 */
	font: normal 18px/1em Tahoma, Arial, Helvetica, sans-serif;
	text-transform: capitalize; 
	text-align:left;
	 }
					#NewsItem h2 a:hover { color:#000; text-decoration:none;}
#NewsItem p {
	float:right; 
	width:220px;
	padding:0px;
	margin:0px 15px 0px 0px; /* IE6 Doubles the left margin since its a left float so fix it for IE6 */
	text-transform: none;
	text-align:left;
	color:#333;
	font: normal 12px/1.4em Tahoma, Arial, Helvetica, sans-serif;
	}
 
#NewsItem .More {
	float:right;
	font: italic normal 9px/1.4em Tahoma, Arial, Helvetica, sans-serif;
	color:#666;
	text-align:right;
	padding-bottom:0px;
	margin:5px 20px 0px 0px; }

/* News  News  News  News  News  News  News  News  News  News  News  News  News  News  News  News  News  News  News  News */

/* Product Listings on most Pages */
	#ProductList { width:100%;  margin:0px 0px 20px 0px;  padding-top:10px; }
	
	#ProductList #MainColumn1 { 
		width:48%; 
		float:left;
		margin:0px 5px 0px 0px; padding:0px; }
		
	#ProductList #MainColumn2 { 
		width:48%; 
		float:right; text-align: left;
		margin:0px 0px 0px 0px; padding:0px; }
		
	/* Products - controls appearance of products anywhere in site except on the home page */
	#Product a img.ProductThumb { border: 3px solid #ccc; width:125px; height:100px; }
	
	#Product { min-height:120px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; clear:both; }
	
	#Product .Title a{
		width:200px;
		padding:0px; 
		font: italic bold 18px/1.3em Georgia, "Times New Roman", Times, serif; 
		white-space:normal;
		margin:0px 0px 2px 0px; 
		padding:0px 0px 0px 0px; 
		border-bottom:none;
		text-decoration:none;  
		}
		
	#Product #Left  { width:110px; float:left; clear:right; margin:0px 10px 0px 0px; }
	#Product #Right { width:260px; float:left; margin:0px 0px 0px 0px; }

/* For Product Details Page */	img.ProductLarge { float:right; clear:left; border: 3px solid #ccc; width:350px; height:350px; margin-left:15px; } 

/* Category Listings on category Page  ************************************************************ */
img.Category { border: 2px solid #ccc; width:180px; height:150px;  }

#CategoryList { 
	margin:0px 0px 0px 0px; padding:10px; 
	zzzborder: 1px solid #34567F; 
	zzzbackground-image: url(/base/images/presentation/BG-ProductBox.jpg);
	zzzbackground-repeat:repeat-x;
	zzzbackground-position: center bottom; }
#CategoryList .Row {
 height:310px; display:block; margin:10px auto 0px auto;  }
#Category { width:190px; float:left; clear:right; margin-left:20px; padding:5px; }

#Category .Title a{
	width:200px;
	padding:0px; 
	font: italic bold 16px/1.3em Georgia, "Times New Roman", Times, serif; 
	white-space:normal;
	margin:0px 0px 2px 0px; 
	padding:0px 0px 0px 0px; 
	border-bottom:none;
	text-decoration:none;  
	}
	
#Category a:hover { color:#666;}
#Category a.More { float:left; }
#Category p {  margin-bottom:0px; margin-top:0px; line-height:1.3em; }

/* Contact Box */
#ContactBox { width:302px; height:152px;
	margin-top:10px;
	background-image: url(/base/images/presentation/BG-ContactBox.jpg);
	background-repeat: repeat-x;
	background-position:right center;
	border: 1px solid #34567F;
	padding:10px;
	}
		
#ContactBox h1 { margin: 0px 0px 0px 0px; padding:0px; font: italic bold 24px/1.1em Georgia, "Times New Roman", Times, serif; color:#34567F; border:none; }
#ContactBox h2 { margin:-3px 0px 0px 10px; padding:0px; font: italic bold 28px/1.1em Georgia, "Times New Roman", Times, serif; color:#557398; border:none; }
#ContactBox p { width:225px; margin:7px 0px 0px 0px;}

/* Lists */
.ListBig {
	font-size:14px;
	font-weight:bold;
	padding-left:20px;
	padding-right:20px;
	margin-top:10px;
	margin-bottom:20px;
	margin-right:20px;
	display:block;
	list-style:square;
	line-height: 20px;
}

.ListNormal {	
	font-size:12px;
	font-weight:normal;
	padding-left:20px;
	padding-right:20px;
	margin-top:10px;
	margin-bottom:20px;
	margin-right:20px;
	display:block;
	list-style:square;
	line-height: 20px;
}


/* Download PDF Area */
#DownloadPDF { 
    float:right; 
	clear:both; 
	width:230px; 
	height:150px; 
	margin:20px 15px 10px 10px; 
	padding:10px; 
	background-color:#fefefe;
	background-image: url(/base/images/presentation/BG-QuoteWrapper.jpg);
	background-repeat: repeat-x;
	background-attachment:scroll;
	background-position:left top;
	border:1px solid #ccc;
}

#DownloadPDF .Instructions { font-size:10px; font-style:italic; margin:0px 0px 5px 10px;}
#DownloadPDF h1 { 	margin:0px 0px 10px 0px;
					padding:0px 5px 0px 5px;
					font: bold 14px/1.4em Tahoma, Arial, Helvetica, sans-serif;
					color:#666;
					border-bottom:1px solid #ccc;}
#DownloadPDF img { float:left; margin-right:15px;}


/* Client Quotes on the various page */
#QuoteWrapper {
	float: left;
	clear:both;
	width: 302px;
	min-height:80px;
	margin: 20px 5px 10px 0px;
	padding:10px;
	background-color: #fefefe;
	background-image: url(/base/images/presentation/BG-QuoteWrapper.jpg);
	background-repeat: repeat-x;
	background-position:left top;
	border: 1px solid #34567F; }

#Quote p {
	float:left;
	text-align:left;
	font: italic bold 16px/1.3em Georgia, "Times New Roman", Times, serif; color:#557398; }
#Quote .Open { float:left; height:30px; width:34px; display:inline; padding: 0px 5px 0px 3px; margin-right:5px;  } 
#Quote .Close { float:right; clear:both; height:30px; width:34px; padding-left:3px; margin-right:5px; padding-right:5px; }
#Quote .Author {
	font: italic normal 12px/1.4em Georgia, "Times New Roman", Times, serif;
	color:#666;
	text-align:right;
	padding-bottom:0px;
	margin: 0px; }


/* Forms ----------------------------------- */
		Form { text-align:left;  font-family: Arial, Helvetica, sans-serif; font-size:12px; }
		 fieldset { border:1px solid #ccc; margin:15px; padding:15px; width:100%;}
		 legend{ color:#999;}
		 label { display: block; color:#666; vertical-align:top; text-align:right; white-space:nowrap; font-weight:bold; margin-top:-2px; margin-right:8px; }
		 input { display: block; }
		 textarea { font-family: Arial, Helvetica, sans-serif; font-size:12px;   }
		 select, option {  }
		
		.button /* Buttons are treated with a class since Ie6 doesn't recognize attribute selectors. Apply the Button class to all buttons. */ 
		{ }
		.select /* Buttons are treated with a class since Ie6 doesn't recognize attribute selectors. Apply the Button class to all buttons. */ 
		{ }
		.CheckBox /* Checkboxes are treated with a class since IE6 doesn't recognize attribute selectors. Apply the checkbox class to all checkboxes. */ 		{ width:16px; }
		.radio /* Radio buttons are treated with a class since IE6 doesn't recognize attribute selectors. Apply the radio class to all radio buttons. */  		{ width:16px; }
		.InputRequired { /* background-color: #FFC; */ }
		
		/* Use as classes for various inout lengths */
		.InputTiny  { width:16px; }
		.InputShort { width:150px;}
		.InputMid  { width:300px;}
		.InputLong  { width:450px;}
		
#Contact-Us .Warning { font-weight:bold; font-size:15px; color:#C00; text-transform:uppercase;}
#Contact-Us .Notice { font-weight:bold; color:#666;}