/******* CSS for Page Containers **********************/

.pagecontainer {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color:#555;
	height: auto;
	width: 765px;
	padding: 10px 0px 20px 0px;
	margin: 0px 20px 0px 20px;
	
}

.pagecontent {
	clear: left;
	width: 765px;
	height: auto;
	margin: 0px;
	padding: 20px 0px 40px 0px;
}

.pagecontent_full {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color:#555555;
	height: auto;
	width: 870px;
	padding: 20px 0px 20px 0px;
	margin: 0px 40px 0px 40px;
	
}

.distrcolumn {
	float: left;
	width: 342px;
	margin: 0px;
	padding-left: 20px;
}

ul.distributor {
	clear: left;
	list-style-type: none;
	margin:0px 0px 20px 0px;
	padding:0px;
}

/******************************************************/




/******* Breadcrumb Trail and Small Nav Links *********/

.trailtop {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
}

.trailbottom {
	width: 100%;
	height: auto;
	clear: both;
	border-top: 2px dotted #CCCCCC;
	padding: 5px 0px 0px 0px;
	margin: 0px;
}

.trail {
	font-size: 9px;
	color: #000000;
}

.trail a:link{
	color: #0000FF;
	text-decoration: none;
}

.trail a:visited{
	color: #0000FF;
	text-decoration: none;
}

.trail a:hover{
	color: #0000FF;
	text-decoration: underline;
}

.trail a:active{
	color: #0000FF;
	text-decoration: none;
}

.slink {
	text-align: left;
	width: 200px;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	padding: 10px 0px 20px 0px;
}

.slink a {margin: 0px 5px 0px 5px;}

/*******************************************************/




/****** Basic Elements (<h1>, <p>, <ul>, etc..) ********/

h3 {
	font-size: 22px;
	font-weight: bolder;
	text-align: left;
	color: #003366;
	width: 100%;
	margin: 0px auto 10px auto;
	padding-bottom: 1px;
	border-bottom: 2px dotted #CCCCCC;
}

h4 {
	font-size: 16px;
	font-weight: bold;
	margin: 0px auto 5px auto;
	padding: 0px;
	text-align: left;
	color: #336699;
}

h5 {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}
h6 {
	font-size: 16px;
	font-weight: bold;
	margin: 0px auto 5px auto;
	padding: 0px;
	text-align: left;
	color: #336699;
}

ul {
	list-style-image: none;
	list-style-type: disc;
	margin-top: 0px;
	padding-top: 0px;
}

ul.plain{
	list-style-type: none;
	margin:0px;
	padding:0px;
}

ul.bluearrow{
	list-style-image: url(Pictures/headers/bluearrow.png);
	margin-top: 0px;
	padding-top: 0px;
}

.bluearrow li {
	margin: auto auto 3px auto;
}

ul.bluearrow2{
	list-style-image: url(Pictures/headers/bluearrow.png);
	margin-top: 0px;
	padding-top: 0px;
}

.bluearrow2 li {
	margin: 0px 0px 3px auto;
}

ul.sublistnobullet {
	list-style-type: none;
	list-style-image: none;
	font-weight: normal;
	padding: 0px;
	margin: 0px auto 0px 40px;
}

a:active{
	color: #0000FF;
	text-decoration: none;
}

a:link{
	color: #0000FF;
	text-decoration: none;
}

a:visited{
	color: #0000FF;
	text-decoration: none;
}

a:hover{
	color: #0000FF;
	text-decoration: underline;
}

a img{
	border: none;
	padding: 0;
	margin: 0;
}

dl.bold dt{font-weight: bold;}
dl.italic dt{font-style: italic;}
dl.quotes {font-size: 16px;}

.contact {
	margin: 0px 20px 20px 20px;
	padding: 0px;
}

.contact dt {
	font-size: 16px;
	font-weight: bolder;
	text-align: left;
	color: #336699;
	margin: 0px;
	padding: 5px 0px 0px 0px;
}

.contact dd {
	text-align: left; 
	color: #333;
	margin: 0px;
	padding: 0 0 0 5px;
}

.contact dd a:link{
	color: #00f;
	text-decoration: none;
	padding-left: 10px;
}

.contact dd a:visited{
	color: #00f;
	text-decoration: none;
	padding-left: 10px;
}

.contact dd a:hover{
	color: #00f;
	text-decoration: underline;
	padding-left: 10px;
}

/*******************************************/



/********* Galleries ***********************/

.packaging {
	clear: left;
}

.packaging div {
	float: left;
	width: 250px;
	margin: 5px 10px 20px 0px;
}

.right2x87px {
	float: right;
	margin: 0px 0px 10px 10px;
	padding: 0px;
}

.gallery87px {
	clear: left;
	
}

.gallery87px div {
	float: left;
	width: 107px;
	margin: 0px 10px 10px 0px;	
}

.gallery87px div img {
	padding: 3px;
	border: 2px solid #CCCCCC;
	background-color: transparent;
} 

.gallery150px {
	clear: left;
	
}

.gallery150px div {
	float: left;
	width: 170px;
	margin: 0px 10px 10px 0px;	
}

.gallery150px div img {
	padding: 3px;
	border: 2px solid #ccc;
	background-color: transparent;
} 

.gallery300px {
	clear: left;
}

.gallery300px div {
	float: left;
	width: 350px;
	margin: 0px 20px 20px 0px;	
}

.gallery300px div img {
	padding: 3px;
	border: 2px solid #ccc;
	background-color: transparent;
} 

.gallery320px {
	clear: left;
}

.gallery320px div {
	float: left;
	width: 330px;
	margin: 0px 0px 20px 0px;	
}

.gallery320px div img {
	padding: 3px;
	border: 2px solid #ccc;
	background-color: transparent;
} 

.gallery205px {
	clear: left;
}

.gallery205px div {
	float: left;
	width: 215px;
	margin: 0px 0px 20px 0px;	
}

.gallery205px div img {
	padding: 3px;
	border: 2px solid #ccc;
	background-color: transparent;
} 

.gallery {
	float: left;
	list-style-type: none;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.gallery li {
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.thumbnail {
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #555;
	text-align: center;
	margin: 15px 15px 0 0;
	padding: 0px;
	
}

.thumbnail li {
	float: left;
	clear: left;
	list-style-type: none;
	text-align: center;
	width: 100px;
	margin: 0px;
	padding: 0px;
}

.thumbnail a img {
	float: left;
	display: block;
	height: 87px;
	width: 87px;
	margin: 0 auto 2px auto;
	padding: 3px;
	border: 2px solid #CCCCCC;
	background-color: transparent;
}

.thumbnail a:link {
	width: 90px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #0000FF;
}

.thumbnail a:visited {
	color: #0000FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	text-decoration: none;
} 

.thumbnail a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #0000FF;
	text-decoration: underline;
}

.thumbnail a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #0000FF;
	text-decoration: underline;
}

.thumbnail2 {
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #555;
	text-align: center;
	margin: 15px 15px 0 0;
	padding: 0px;
	
}

.thumbnail2 li {
	float: left;
	clear: left;
	list-style-type: none;
	text-align: center;
	width: 175px;
	margin: 0px;
	padding: 0px;
}

.thumbnail2 a img {
	float: left;
	display: block;
	height: 150px;
	width: 150px;
	margin: 0 auto 2px auto;
	padding: 3px;
	border: 2px solid #CCCCCC;
	background-color: transparent;
}

.thumbnail2 a:link {
	width: 90px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #0000FF;
}

.thumbnail2 a:visited {
	color: #0000FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	text-decoration: none;
} 

.thumbnail2 a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #0000FF;
	text-decoration: underline;
}

.thumbnail2 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #0000FF;
	text-decoration: underline;
}
.thumbnail3 {
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #555;
	text-align: center;
	margin: 15px 15px 0 0;
	padding: 0px;
	
}

.thumbnail3 li {
	float: left;
	clear: left;
	list-style-type: none;
	text-align: center;
	width: 100px;
	margin: 0px;
	padding: 0px;
}

.thumbnail3 a img {
	float: right;
	display: block;
	height: 150px;
	width: 150px;
	margin: 0 auto 2px auto;
	padding: 3px;
	border: 2px solid #CCCCCC;
	background-color: transparent;
}

.thumbnail3 a:link {
	width: 90px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #0000FF;
}

.thumbnail3 a:visited {
	color: #0000FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	text-decoration: none;
} 

.thumbnail3 a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #0000FF;
	text-decoration: underline;
}

.thumbnail3 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #0000FF;
	text-decoration: underline;
}

/****************************************************/



/******** Tables: Type1 *******************/

.table1{
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}
.table1 th {
	margin: 0px;
	padding: 3px 7px 3px 7px;
	color: #fff;
	text-align: left;
	}
.table1 td {
	margin: 0px;
	padding: 7px;
	text-align: left;
	vertical-align: top;
	border-bottom: dotted 1px #aaa;
}

.table2{
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}
.table2 th {
	margin: 0px;
	padding: 3px 7px 3px 7px;
	color: #fff;
	text-align: left;
	}
.table2 td {
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	
	
}

.tablebutton{
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.tablebutton a:link,
.tablebutton a:visited{
	display: block;
	padding: 2px;
	font-weight: 900;
	text-decoration: none;
}
.tablebutton a:hover{
	text-decoration: none;
}
.table1 td.center{text-align: center;}
.table1 td.bottomrow{border-bottom:none;}
.table1 td.tfooter {color: white;}
.minwidth {width:360px;}
.minwidth3 {width:233px;}
.minwidth4 {width:160px;}
.maxwidth {width:740px;}
.minheight {height:105px;}
.minheight2 {height:0px;}

/* Table Colors:	blue = #369;
			ltblue = #ddf;
			green = #283;
			ltgreen = #dfd;
			gray = #aaa;
			ltgray = #ddd;
*/

/* Table Button:	border = "Header Color" - 1 (all 3 RGB values)
			body = "Header Color" +1 (all 3 RGB values)
			hover = "Header Color" + 2 (all 3 RGB values)
*/

.WEEB_products th, .WEEB_products td.tfooter {background-color: #aaa;}
.WEEB_products {background-color: #ddd; border: solid 1px #aaa;}
.WEEB_products div.tablebutton a:link, .WEEB_products div.tablebutton a:visited {
	background-color: #bbb;
	color: #fff;
	border: solid 2px #999;}
.WEEB_products div.tablebutton a:hover{background-color: #ccc;}

.WEEB_geninfo th{background-color: #369;}
.WEEB_geninfo {background-color: #ddf; border: solid 1px #369;}

.WEEB_testing th{background-color: #369;}
.WEEB_testing {background-color: #ddf; border: solid 1px #369;}

.ASSET_products th, .ASSET_products td.tfooter {background-color: #aaa;}
.ASSET_products {background-color: #ddd; border: solid 1px #aaa;}

.ASSET_geninfo th{background-color: #369;}
.ASSET_geninfo {background-color: #ddf; border: solid 1px #369;}

.ASSET_softtrain th{background-color: #369;}
.ASSET_softtrain {background-color: #ddf; border: solid 1px #369;}

.Contact_office th, .Contact_office td.tfooter {background-color: #369;}
.Contact_office {background-color: #ddf; border: solid 1px #369;}

.Contact_staff th, .Contact_staff td.tfooter {background-color: #369;}
.Contact_staff {background-color: #ddf; border: solid 1px #369;}


/****************************************************/




/******** Forms, Tables and Boxes *******************/
.blue_gray {
	border: none;
	margin: 0px;
	padding: 0px;
}

.blue_gray th {
	padding: 3px 7px 3px 7px;
	color: #fff;
	background-color: #369;
	text-align: center;
}

.blue_gray td {
	padding: 3px 7px 3px 7px;
	color: #fff;
	background-color: #aaa;
	text-align: left;
}

.blue_gray td ul {
	list-style-type: none;
	text-align: left;
	padding: 0px;
	margin: 0px;
}


.green_gray {
	border: none;
	margin: 0px;
	padding: 0px;
}

.green_gray th {
	padding: 3px 7px 3px 7px;
	color: #fff;
	background-color: #0ab557;
	text-align: center;
}

.green_gray td {
	padding: 3px 7px 3px 7px;
	color: #fff;
	background-color: #aaa;
	text-align: left;
}

.green_gray td ul {
	list-style-type: none;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

table.ASSEToutput{
	font-weight: bold;
	color: #000;
}

table.ASSEToutput th, table.ASSEToutput td.shading{
	border-bottom: 2px solid;
}

table.ASSEToutput th.month, table.ASSEToutput td.shading{
	text-align: left;
}

table.ASSEToutput td{
	text-align: right;
}

table.ASSEToutput td.month{
	text-align: left;
	font-style: italic;
}

form table td{
	text-align: left;
}

form table td.tablelabel{
	text-align: right;
	vertical-align: top;
}

form table input.text{
	vertical-align: top;
	width: 300px;
}

form table textarea{
	vertical-align: top;
	width: 300px;
	height: 100px;
}
/*********************************************************/


/********** Misc Stuff ***********************************/

.redtext {color: red;}
.bluetext {color: #00f;}
.hide {display: none;}
.fineprint {font-size:10px;margin:0px;padding:0px;}

.label {
	font-weight: bolder;
	text-decoration: underline;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

.imgborder {
	margin: 10px; 
	padding: 3px;
	border: 2px solid #CCCCCC;
	background-color: transparent;
}

.adfont {
	font-size: 20px;
	font-weight: bolder;
}

/*********************************************************/


/************ Misc Floats and Margins ********************/

.bottom20px {
	margin: 0px;
	padding-bottom: 20px;
}

.lmargin10px {margin-left: 10px;}
.lpad10px {padding-left: 10px;}

.rmargin5px {margin-right:5px;}
.rmargin10px {margin-right: 10px;}
.smargin10px {margin-right:10px; margin-left:10px;}

.left {
	display: block;
	float: left;
	margin: 10px 20px 20px 0px;
	padding: 0px;
}

.left0 {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
}


.left020200 {
	display: block;
	float: left;
	margin: 0px 20px 20px 0px;
	padding: 0px;
}


.left030300 {
	display: block;
	float: left;
	margin: 0px 30px 30px 0px;
	padding: 0px;
}

.left015150 {
	display: block;
	float: left;
	margin: 0px 15px 15px 0px;
	padding: 0px;
}

.left1040200 {
	display: block;
	float: left;
	margin: 10px 40px 20px 0px;
	padding: 0px;
}

.left_clearleft {
	clear: left;
	display: block;
	float: left;
	margin: 10px 20px 20px 0px;
	padding: 0px;
}

.right {
	display: block;
	float: right;
	margin: 20px 0px 20px 20px;
	padding: 0px;
}

.right001010 {
	display: block;
	float: right;
	margin: 0px 0px 10px 10px;
	padding: 0px;
}

.right1001020 {
	display: block;
	float: right;
	margin: 10px 0px 10px 20px;
	padding: 0px;
}

.right1001010 {
	display: block;
	float: right;
	margin: 10px 0px 10px 10px;
	padding: 0px;
}

.right002020 {
	display: block;
	float: right;
	margin: 0px 0px 20px 20px;
	padding: 0px;
}


.right_clearright {
	display: block;
	clear: right;
	float: right;
	margin: 20px 0px 20px 20px;
	padding: 0px;
}

.clearleft {
	display: block;
	clear: left;
	padding: 0px;
	margin: 0px;
}

.clearright {
	display: block;
	clear: right;
	padding: 0px;
	margin: 0px;
}

.clearboth {
	display: block;
	clear: both;
	padding: 0px;
	margin: 0px;
}
/***********************************************/




/************* Misc Buttons ********************/

.bluebutton {
	margin: 2px;
  	font-weight: bold;
}
.bluebutton a {
	display: block;
	padding: 3px;
	border: outset 2px #369;
}
.bluebutton a:link,
.bluebutton a:visited{
	background-color: #369;
  	color: white;
  	text-decoration: none;
}
.bluebutton a:hover {
  	background-color: #47a;
	text-decoration: none;
}


a.cssbutton, a.cssbutton:link, a.cssbutton:hover {
	background: white;
	padding: 1px;
	margin-bottom: 10px;
	font-family: Geneva, Vera, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: 900;
	font-variant : small-caps;
	border: 1px solid #777;
	text-decoration: none
}
.buttonleft {
	color: white;
	background: #c60;
	padding: 0px 3px 0px 3px;
}
.buttonright {
	color: white;
	background: gray;
	padding: 0px 20px 0px 3px;
}
.orange {background: #c60;}
.blue {background: #369;}
.green {background: green;}