/*  jan2006.css  Major modification 30march2007 */

/*  Kinds of Pages 

home page

1col tabbed

distributor
product

2 col
news




*/






/* Neutralize standard styles */
body {
	margin: 0px;
	padding: 8px;
	}

body, div, ul, li, td, h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	}

div, span, img, form, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	/*
	background-color: transparent;    */
	}
/* end standard styles */



html { margin:0 50px;
  padding: 0;}

 body {
	margin: 0 50px;
	padding: 0;
	text-align: center;
	color: #000; /* black letters */
	background-color: #FFF; /*
  background: #ffffff url(/images/backgrounds/PageGrayStripes640.gif) 50% 0;
  */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	min-width: 600px;
	font-size: 12px;
	background: url(/images/backgrounds/ThinStripe.12h.jpg);
	/*
	background: url(/images/backgrounds/YeloMeshPattern.bg.3h.gif);  */
}

h1 {
  font-size: 18px;
  color: #DE0A16; /* Ulano Red letters */
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 2px;
  padding-left: 5px;
	}


h2 { 
	font-size: 16px;
	color: #000; /* black letters */
  background-color: #FB84B1;
	border-top: 2px solid #FAB6F3;
	border-bottom: 2px solid #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-bottom: 2px;
	padding-left: 5px;
	}

h3 {
	font-size: 14px;
	color: #000; /* black letters */
  background-color: #EEC4C9; /* HorzLinks color  */
	border-top: 2px solid #FAB6F3;
	border-bottom: 2px solid #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-bottom: 2px;
	padding-left: 5px;
	}
h4 {
	font-size: 12px;
	margin-bottom: 2px;
	font-family: "Lucida Sans", 'Lucida Grande', sans-serif;	
	padding-left: 5px;
	}
	
h5 {
	font-size: 10px;
	margin-bottom: 2px;
	font-family: "Lucida Sans", 'Lucida Grande', sans-serif;	
	padding-left: 5px;
	}

h6 {
	font-size: 8px;
	margin-bottom: 2px;
	font-family: "Lucida Sans", 'Lucida Grande', sans-serif;	
	padding-left: 5px;
	}

p {
	padding-left: 5px;
	margin-top: 10px;
	}

	/*  Definition Listings used to describe Product Features   =========== */
dt {
	font-weight: bold;
	margin-top: .5em;
	}

dd {
	  display: block;
	  -moz-margin-start: 10px;
		}

/* Main wrappers, then content wrapper, then footer */
#homewrapper {
  margin: 0 auto;
  width: 740px;
  text-align: left;  /* works with BODY centered to center wrapper */
  background-color: #FFF; 
	border-left: solid #84b0c7 1px; 
  border-right: solid #84b0c7 1px;
}

/* replacement for onecolwrapper640 that allows width change  */
#onecolwrapper {
  text-align: left; /* works with BODY centered to center wrapper */
	background-color: #FFF; /* paints over the background stripes */
  margin: 0 auto;
  width: 640px;  
  border-left: solid #84b0c7 1px; 
  border-right: solid #84b0c7 1px;
	}

#onecolwrapper640 {
  background-color: #FFF;
  margin: 0 auto;
  width: 640px;  /* One columns are 640 */
  text-align: left; /* works with BODY centered to center wrapper */
  border-left: solid #84b0c7 1px; 
  border-right: solid #84b0c7 1px;
	}


/* ---------- */
/* ------------------------*/
#homepagemasthead {      /* Home Page is wider and special  */
	height: 45px; /* with 2 floats, the masthead will collapse */
	width: 740px;
	background: url(images/backgrounds/RedMasthead.45h.gif);
	}
#masthead {
  height: 45px; /* with 2 floats and no content, the masthead will collapse */
	width: 640px;  
	background: url(images/backgrounds/RedMasthead.45h.gif);
}

/* ------ Title of Page inside mastheads - Thanks Rachel, floats against each other */
.logo {
float: left;  
}
.strapline {
  float: right;
	color: #FFF; /* white letters */
	font-size: 18px;
	margin-right: 115px;  /* This positions the Title */
	margin-top: 8px;
}

/* ================================================  Page Title in MastHead  */
#pagetitle {
	width: 392px;
	height: 39px;
	color: #FFF; /* white */
	background: #DE0A16; /* Ulano Red */	
	font-size: 18px;
	text-align: left;
	padding-left: 25px;
  	border-collapse: collapse;
	}

a:link, a:visited { color: #DE0A16; }
a:hover, a:active { color: #93c; }
a:hover { background-color: #ccc; }


#watertemp table {
  font-size: 11px;
	WIDTH: 325px;
}

table {
  font-size: 11px;
	WIDTH: 100%;
}


/*  http://stunicholls.myby.co.uk/opacity/picturemenu.html */
a:hover img {
  filter: alpha(opacity=40);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  -moz-opacity: 0.50;
  opacity:0.5;
  }
	
img { 
	filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1.00; 
  opacity:1;
	margin-right: 3px;  
/*   3px Hmmm... padding didn't work well.  For firefox images outside Right Border */
 }

/* Dist Pages */
#HeaderTable {
float: left;
background-color: #FFF;
height: 100px;  /* height of BBridge picture  */
}

/*  3rd level -----------------------------------*/ 
/* ---------------------------------------------- Content colmumns ----*/

/* in ezcoat page */
#slideshowcontainer {
clear: both;
	float: right;
	width: 256px;
	vertical-align: top;
}

/* Containers of Main Body of page  ======================  Product goes Left  Why?  */
/*  content container */
#maincontainer {
	clear: both;
	float: right; /* a must to get under the HorzMenu  */
	width: 640px;
	background: #FFF; /*  white */
	vertical-align: top;
}

#newscontainer img {
margin: 5px;
}

/* newscontainer pairs with rightside containting news.inc  */
#newscontainer {
	float: left;
	width: 450px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px;
	vertical-align: top;
}

/* used on the home page center */
#content {
	float: left;
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	/* padding: 10px;*/
	vertical-align: top;
		border: 1px 1px 0px 1px solid #333333;
	
	
}

#container {
	/* found in TABBED style pages */
	font-family: Arial, Helvetica, sans-serif;
	/* padding: 10px;  */
	vertical-align: top;
	font-size: 12px;
	clear: both;
	float: left; /* a must to get under the HorzMenu used to be right */
	WIDTH: 640px;
	/*
	border-left: solid #84b0c7 1px; 
	border-right: solid #84b0c7 1px;  */
	/* Union Blue */
}

#prodcontainer {
	clear: both;
  float: left;   /* a must to get under the HorzMenu used to be right */
}

.photocontainer {
margin: 5px;
	margin-top: 0px
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: top;
	font-size: small;
	}

.imgright {
	float: right;
	}

/* Found on DataSheet and MSDS pages of equal columns  */
#leftmain {
	float: left;
	width: 45%;
	margin-left: 5px;
	padding-left: 5px;
}

#rightmain {
float: right;
width: 45%;
}

/* left side container */
#leftside {
	clear: both;
	float: left;
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	
	/*
	border-right: 1px solid #333333;
		border-bottom: 1px solid #333333;  */
	margin-top: 0px;
	vertical-align: top;
}

.availabilitylist {
list-style-type: none;
	float: left;
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;

	margin-top: 0px;
	vertical-align: top;
  }

.associatedlist {
	float: right;
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;

	margin-top: 0px;
	vertical-align: top;
}

.revdate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.deathnotice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #CCCCCC;
}
.discontinued {
	background-color: #CCCCCC;
}



/* Left List Nav ================================================================== */
#LeftListNav {
	
}

#LeftListNav ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#LeftListNav li {
list-style: none;
margin: 0;
text-align: left;
}

#LeftListNav ul li a  {
text-decoration: underline;
font-size: 12px;
}

#LeftListNav ul li a:hover {
	color: #FF6600;
  background-color: #efefef;
	text-decoration: none;
}

.ColHeader {
	font-size: 11px;
	background-color: #F0F0F0;
	text-align: center;
	font-weight: bold;
	padding-top: 3px;
	border: 1px Black;
}

/* ============================================  DISTRIBUTOR PAGES  */
/* the world map is in the distmenu */
#worldmap {
	float: left;
	width: 460px;
	padding-left: 5px;
}

/* ---------------------------------------------------------------------- Right Column */
/* created 20dec2005 rg  Use in BL 2col 29march2007     */
/*  rightside container */
.rightphoto {
   float: right; /* float right of the maincontainer content */
   width: 205px;	padding-left: 5px;
   font-family: Arial, Helvetica, sans-serif;
   background-color: #FFF;
	 	font-size: 10px;
    }
		
#rightnews {
	float: right; /* float right of the news container content */
	width: 160px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F0F0F0; 
}

#rightside {
   float: right; /* float right of the news container content */
   width: 160px;
   font-family: Arial, Helvetica, sans-serif;
   background-color: #FFF;
    }

/* classes inside the right container - why not good for both sides? */
	.RightHeader {
		font-size: 11px;
	  color: #000; /* black letters */
		background-color: #DE0A16;  /* sampled from horzlinks  */
		text-align: center;
		font-weight: bold;
		padding-top: 3px;
		}
		
	.RightText{
		border:1px #FFCC66 solid;
		font-size: 9px;
		}

	
/* RightListNav on distMenu   ================================================================== */
#RightListNav {
	float: right; 
	}

	#RightListNav ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		}

	#RightListNav li {
		list-style: none;
		margin: 0;
		text-align: left;
		}

	#RightListNav ul li a  {
		text-decoration: underline;
		font-size: 10px;
		}

	#RightListNav ul li a:hover {
		color: #FF6600;
  		background-color: #efefef;
		text-decoration: none;
		}


/* ========================================== footer container 4th level */
#footer {
  clear: both;
  width: 100%;
  background: url(/images/backgrounds/footergray.bg.60h.gif);
  font-family: Arial, Helvetica, sans-serif; font-size: 9px;
 /* padding-left: 5px; */
	
	
  }

/* ================================================================ Misc  */
#DistTable {
	WIDTH: 100%;
	}
	
	#DistTable td {
		WIDTH: 33%;
		}

/* obsolete 
td.SmallFont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 8px;
vertical-align: middle;
}*/


#RepPhones td { 
	border:1px #FFCC66 solid;
	vertical-align: top;
	}
 
.RepAddress {
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-size: 12px;
	vertical-align: top;
	padding: 8px;
	}

TD.pageContent {
	PADDING: 0px;
}

td.red {
	font-family: Arial, Helvetica, sans-serif;
	color: red;
	width: 37%;
	
}

td.gray {
	font-family: Arial, Helvetica, sans-serif;
	color: #7A7069;
}
table td.troubleshoot {
vertical-align: top;
}

/* in the contact us */
#blankspace {
	border: none;
}
	
#oldtable {
	float: left;}

	.stencilchart {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
		}
	.stencilcharthead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFCCFF;
		}

	.stencilchartvar {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		background-color: #FFFFCC;
		}
.reversetable {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
}
.rolltable {
	width: 525px;
	}