body { 
	background-color: #999966; 
	background-image: url(distributor_background.jpg);
	text-align: center; <!-- IE hack for centering -->
	} 
	
	div.container { 
	width: 715px;
	margin-left: auto;
	margin-right: auto;
	float: center;
	background-color: transparent;
  	border: solid 1px #536272; 
  	padding: 0px;
	background-image: url(distributor_table_background.jpg);
	backgound-position: top left;
	}
	
	div.boxborder {
	width: 670px; 
	border: solid 1px #536272;
	float: center;
	margin-left: auto;
	margin-right: auto;
	clear: right;
	}
	
	div.box { 
	width: 664px;
	margin-left: auto;
	margin-right: auto;
	float: center;
	text-align: left;
	background-color: #f4f3e9;
  	border-top: solid 2px #aaaaaa;
	border-bottom: solid 3px #ffffff;
	border-left: solid 3px #ffffff;
	border-right: solid 3px #ffffff;
  	padding: 0px;
  	clear: right;
	}
	
	table.box { 
	text-align: left;
	background-color: #f4f3e9;
	padding: 0px;
	border: 3px solid; 
	border-top: solid 2px #aaaaaa;
	border-bottom: solid 3px #ffffff;
	border-left: solid 3px #ffffff;
	border-right: solid 3px #ffffff;
}
	
	td.box { 
		background-color: #f4f3e9;  	
	}
	
	div.invisible { 
	margin-left: auto;
	margin-right: auto;
	float: center;
	background-color: transparent;
  	padding: 10px;
	text-align: left;
	}
	
	div.highlight { 
	width: 660px;
	margin-left: auto;
	margin-right: auto;
	float: center;
	background-color: #d0d2b3;
  	padding: 10px;
	text-align: left;
	}
	
	div.contentlarge { 
	width: 654px;
	margin: 0px;  
	float: center;
	background-color: transparent;	
  	padding: 5px;
	clear: right;
	text-align: left;
	}
	
	div.contentsmall {
	height: 320px;
	margin: 0px;  
	float: left;
	background-color: transparent;
  	border: solid 0px #000000; 
  	padding: 5px;
	clear: both;
	text-align: left;
	}
	
	div.feature { 
	width: 275px;
	height: 300px;
	margin: 0px; 
	text-align: center; 
	float: right;
	background-color: transparent;
  	border: solid 0px #000000; 
  	padding: 5px;
	clear: none;
	}
	
	
	div.column1 { 
	margin-left: 5px;
	background-color: transparent;
  	border: 0px; 
	padding: 0px;
	text-align: left;
	}
	
	div.column2 { 
	margin-left: 180px;
	background-color: transparent;
  	border: 0px;  
  	padding: 0px;
	text-align: left;
	}

	div.column3 { 
	margin-left: 430px;
	background-color: transparent;
  	border: 0px;
	padding: 0px;
	text-align: left;
	}
	
	
	body { font-family: Tahoma; font-weight: normal; margin: 0; padding: 0; }
	
	a:link { text-decoration: underline; color: #557a9e; }
	a:visited { text-decoration: underline; color: #557a9e; }
	a:hover { text-decoration: underline; color: #ff3333; }
	a:active { text-decoration: underline; color: #557a9e; }
	
	a.bodystyle:link { text-decoration: underline; color: #557a9e; padding-top: 0px;}
	a.bodystyle:visited { text-decoration: underline; color: #557a9e; }
	a.bodystyle:hover { text-decoration: underline; color: #ff3333; }
	a.bodystyle:active  { text-decoration: underline; color: #557a9e; }
	
	a.liststyle:link { text-decoration: underline; color: #557a9e; padding-top: 0px;}
	a.liststyle:visited { text-decoration: underline; color: #557a9e; }
	a.liststyle:hover { text-decoration: underline; color: #ff3333; }
	a.liststyle:active  { text-decoration: underline; color: #557a9e; }
	
	a.featurelist:link { text-decoration: none; color: #557a9e; padding-top: 0px;}
	a.featurelist:visited { text-decoration: none; color: #557a9e; }
	a.featurelist:hover { text-decoration: none; color: #ff3333; }
	a.featurelist:active  { text-decoration: none; color: #557a9e; }
	
	a.feature:link { text-decoration: none; color: #557a9e; padding-top: 0px;}
	a.feature:visited { text-decoration: none; color: #557a9e; }
	a.feature:hover { text-decoration: none; color: #ff3333; }
	a.feature:active  { text-decoration: none; color: #557a9e; }
	
	a.CodeSyncLink:link { text-decoration: none; color: #557a9e; padding-top: 0px; font-size: 11px;}
	a.CodeSyncLink:visited { text-decoration: none; color: #557a9e; padding-top: 0px; font-size: 11px;}
	a.CodeSyncLink:hover { text-decoration: none; color: #ff3333; padding-top: 0px; font-size: 11px;}
	a.CodeSyncLink:active { text-decoration: none; color: #557a9e; padding-top: 0px; font-size: 11px;}

	.bodystyle { font-size: 11px; margin-bottom: 6px;}
	.liststyle { font-size: 11px; margin-bottom: 0px;}
	.formstyle { font-size: 14px; }
	.caption { font-size: 11px; margin-bottom: 0px; text-align: center; font-weight: bold; }
	.indent { font-size: 11px; margin-bottom: 6px; margin-left: 50px; margin-right: 50px;}
	.indentheader  { text-align: center; font-size: 13px; font-weight: bold;  margin-bottom: 6px; margin-left: 50px; margin-right: 50px; color: black; }

	.majorheader { font-size: 16px; font-weight: bold; color: #ff3333; margin-bottom: 4px;}
	.featuretext { font-size: 14px; }
	.featurelist { font-size: 12px; border-bottom: solid 2px #bbbbbb; }
	.feature { font-size: 12px; border-bottom: 0px; margin-bottom: 0px; padding-bottom: 0px;}
	
	
	.sectionheader {font-size: 13px; font-weight: bold; color: #536272; border-bottom: solid 1px #536272; margin-bottom: 5px;}
	
	.first{ padding-left: 10px; }
	.second{ padding-left: 60px; }
	.third{ padding-left: 70px; }
	
	
	.minorheader { font-size: 13px; font-weight: bold; color: #536272; padding-top: 6px; padding-bottom: 0px; margin-bottom: 0; text-transform: uppercase; }
	.columnheader { font-size: 13px; font-weight: bold; color: #ff3333; margin-top: 0px; margin-bottom: 0px; }
	
	p { font-family: Tahoma; font-weight: normal; 
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	}
	
	ul, li {
	list-style-image: url(../images/square.gif);
	font-size: 11px; 
	padding: 0;
	margin: 0;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 7px;
	margin-right: 0px;
	vertical-align: top
	}
	
	.customertable { border-bottom: solid 2px #bbbbbb; }
	.customerlist {
		font-size: 12px;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		margin-right: 0px;
		}
table.tableheader 
		{
			background-color: #cccccc;
		}


td.red { text-align: center; background-position: center; background-image: url(./images/red_button.gif); background-repeat: no-repeat; }
td.yellow { text-align: center; background-position: center; background-image: url(./images/yellow_button.gif); background-repeat: no-repeat; }
td.blue { text-align: center; background-position: center; background-image: url(./images/blue_button.gif); background-repeat: no-repeat; }
td.green { text-align: center; background-position: center; background-image: url(./images/green_button.gif); background-repeat: no-repeat; }

	div.sidebar {
	border: solid 1px #bbbbbb;
	background-color: #ffffff;
	float: center;
	margin-left: auto;
	margin-right: auto;
	}