html, body {
	margin: 0;
	padding: 0;
	background-color: Silver;
	height: 100%;
	text-align: left;
	FONT-SIZE: small;
	FONT-FAMILY: Arial, Verdana;
}
#contact
{
	 width:300px; 
	 height:50px; 
	 float:left; 
	 background-image: url(images/js-bkg.png); 
	 background-repeat: no-repeat;
}
#pfFooter
{
	text-align: center;
	font-size: 10px;
	clear: both;
}
/*Main container per page */
#pfcontainer {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	width: 900px;
	background-color: silver;
	z-index: 0;
	padding: 0;
}
.visbleColorDiv
{
	position: fixed;
	padding: 20px;
	top: 200px;
	right: 20px;
	width: 150px;
	background-color: lightyellow;
	border: thin solid #000000;
}

#pfIndent{
	position: relative;
	display: block;
	vertical-align: text-top;
}
/*Content container */
#pfbody
{
	z-index: 150;
	border-bottom: #d25a0b thin solid;
	text-align: left;
	border-left: #d25a0b thin solid;
	background-color: ivory;
	width: 900px;
	clear: both;
	border-top: #d25a0b thin solid;
	border-right: #d25a0b thin solid;
}
/*Content container */
#pfIndex {
	border: thin;
	border-color: #D25A0B;
	border-style: solid;
	width: 900px;
	z-index: 0;
	background-image: url('images/worldsbestfur900.jpg');
	background-repeat: no-repeat;
	height: 1275px;
}
#pfIndexCont{
	padding: 30px;
	position: relative;
	width: 600px;
	top: 220px;
	left: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
}

/*Content with padding*/
#pfContent{
	margin: 20px;
}
#tipinfo
{
	border-bottom: #ff9900 thin solid;
	text-align: left;
	border-left: #ff9900 thin solid;
	padding-bottom: 10px;
	background-color: white;
	padding-left: 10px;
	width: 300px;
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	float: left;
	border-top: #ff9900 thin solid;
	border-right: #ff9900 thin solid;
	padding-top: 10px;
}
#cartinfo
{
	border-bottom: #ff9900 thin solid;
	text-align: left;
	border-left: #ff9900 thin solid;
	background-color: white;
	padding-left: 10px;
	width: 460px;
	padding-right: 10px;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	font-size: 10pt;
	border-top: #ff9900 thin solid;
	border-right: #ff9900 thin solid;
	padding-top: 10px;
}
#cartinfo div
{
	text-justify: inter-word;
	text-align: justify;
	text-transform: uppercase;
	margin-top: 3px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: -16px;
	background: #ff9900;
	color: white;
	font-size: 8pt;
	font-weight: bold;
}
.softinfo
{
	border-bottom: #ff9900 thin solid;
	text-align: left;
	border-left: #ff9900 thin solid;
	padding-bottom: 10px;
	background-color: white;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	float: left;
	border-top: #ff9900 thin solid;
	border-right: #ff9900 thin solid;
	padding-top: 10px;
}
/*Contains the page head */
#headbar {
	margin: 0;
	padding: 0;
	height: 126px;
	border-color: black;
	background-color: #505050;
	border-width: 0px thin 0px thin;
	border-style: solid;
	width: 900px;
	z-index: 0;
}
/*Corp name in the headbar */
#pfcorp {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: right;
	width: 500px;
	height: 100px;
	padding: 0px 10px 0 0;
	font-size: large;
	margin: 0;
	float: right;
}
#pfcorp h1 {
	font-size: xx-large;
	padding: 10px 0px 5px 0px;
	margin:0px;
}
/*Command bar - holds page controls */
#commandbar {
	border-width: thin;
	border-color: #D25A0B;
	background-color: #B2B2B2;
	text-align: left;
	padding: 0 5px 5px 5px;
	width: auto;
	border-bottom-style: solid;
	line-height: 200%;
}
#commandbar2 {
	background-color: #B2B2B2;
	text-align: left;
	padding: 0px;
	width: auto;
	line-height: 200%;
}
#commandbox {
	float: left;
	padding: 0px;
	margin: 10px 10px 0px 10px;
	text-align: left;
	display: table-cell;
	vertical-align: top;
	line-height: normal;
}

#itemDisplay {
	float: left;
	padding: 10px 7px 10px 7px;
	margin: 0px 0px 10px 0px;
	text-align: left;
	display: table-cell;
	line-height: normal;
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	height: 185px;
}

/*Used to display account info full width */
#pfbar {
	clear: left;
	margin: 0 5px 5px 5px;
	padding: 0 2px 2px 2px;
	float: left;
	width: 845px;
	border: thin;
	border-color: black;
	border-style: solid dotted dotted solid;
	font-family: "Courier New", Courier, monospace;
	text-align: left;
	display: table-cell;
	background-color: #E9E9E9;
}
/*Used to display account info in blocks */
#pfcells {
	margin: 5px;
	padding: 2px;
	float: left;
	width: 199px;
	height: 150px;
	border: thin;
	border-color: black;
	border-style: solid dotted dotted solid;
	font-family: "Courier New", Courier, monospace;
	text-align: left;
	display: table-cell;
	background-color: #E9E9E9;
}
/*Menu */
#modernbricksmenu {
	position: relative;
	clear: both;
	float: none;
	padding: 0;
	width: 900px;
	background: transparent;
}
#modernbricksmenu ul {
	font: bold 11px Arial;
	margin: 0;
	margin-left: 20px; /*margin between first menu item and left browser edge*/;
	padding: 0;
	list-style: none;
}
#modernbricksmenu li {
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;
	text-transform: uppercase;
}
#modernbricksmenu a {
	float: left;
	display: block;
	color: white;
	margin: 0 1px 0 0; /*Margin between each menu item*/
	padding: 3px 10px 3px 10px;
	text-decoration: none;
	letter-spacing: 1px;
	background-color: black; /*Default menu color*/;
	border-bottom: 1px solid white;
}
#modernbricksmenu a:hover {
	background-color: #A64709; /*Menu hover bgcolor*/
}
#modernbricksmenu #current a {
	/*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/;
	border-color: #D25A0B; /*Brown color theme*/
}
#modernbricksmenuline {
	clear: both;
	padding: 0;
	width: 900px;
	height: 7px;
	line-height: 7px;
	background: #D25A0B; /*Brown color theme*/	
	z-index: 200;
}
/*end menu */
/*subMenu */
#modernbrickssubmenu {
	position: relative;
	clear: both;
	float: none;
	padding: 0;
	width: 850px;
	background: transparent;
}
#modernbrickssubmenu ul {
	font: bold 11px Arial;
	margin: 0;
	margin-left: 20px; /*margin between first menu item and left browser edge*/;
	padding: 0;
	list-style: none;
}
#modernbrickssubmenu li {
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;
	text-transform: uppercase;
}
#modernbrickssubmenu a {
	float: left;
	display: block;
	color: #FFFFFF;
	margin: 0 1px 0 0; 	/*Margin between each menu item*/	
	padding: 2px 10px 2px 10px;
	text-decoration: none;
	letter-spacing: 1px;
	background-color: #666666; /*Default menu color*/;
	border-bottom: 1px solid white;
}
#modernbrickssubmenu a:hover {
	background-color: #FFFFCC;
	color: #999999;
}
#modernbrickssubmenu #current a {
	/*currently selected tab*/
background-color: #808080; /*Brown color theme*/;
	border-color: #808080; /*Brown color theme*/
}
#modernbrickssubmenuline {
	clear: both;
	padding: 0;
	margin-left: 5px;
	width: 850px;
	height: 5px;
	line-height: 5px;
	background: #808080; /*Brown color theme*/
	z-index: 200;
}
/*end submenu */

/*Used on dboard page for styling ordering heads */
.CB {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: center;
	background-color: #000000;
	font-weight: bold;
	border: thin solid #FFFFFF;
}
#p{
	clear: both;
	float: left;
	text-align: left;
	width: 2.5in;
	padding: 4px 0 0 0;
	height: 21px;
}
#c{
	float:left;
	text-align: left;
	width: 1.25in;
	height: 21px;
}
#q{
	float: left;
	text-align: left;
	width: 2in;
	height: 25px;
}
#price{
	float: left;
	text-align: left;
	width: 1.75in;
	padding: 4px 0 0 0;
	height: 21px;
	
}
#extprice{
	float: left;
	text-align: right;
	width: 1in;
	padding: 4px 0 0 0;
	height: 21px;
}
#totalprice{
	text-align: right;
	border: thin solid #000000;
	padding: 5px;
	float: right;
}
#myform {
	/*CSS for sample search box. Remove if desired */
float: right;
	margin: 0;
	padding: 0;
}
#myform .textinput {
	width: 190px;
	border: 1px solid gray;
}
#myform .submit {
	font: bold 11px Verdana;
	height: 22px;
	background-color: orange;
}
#splitLeft {
	float: left;
	width: 50%;
	text-align: left;
}
#splitRight {
	float: right;
	width: 50%;
	text-align: right;
}
.box {
	background-color: #F4F4F4;
	border: 1px solid #CCC;
	height: 100px;
	width: 200px;
	padding: 5px;
	display: none;
	position: absolute;
	z-index: 1000;
}
.gallerycontainer {
	position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.thumbnail img {
	border: 1px solid white;
	margin: 0 5px 5px 0;
}
.thumbnail:hover {
	background-color: transparent;
}
.thumbnail:hover img {
	border: 1px solid blue;
}
.thumbnail span {
	/*CSS for enlarged image*/
position: absolute;
	background-color: orange;
	padding: 5px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}
.thumbnail span img {
	/*CSS for enlarged image*/
border-width: 0;
	padding: 2px;
}
.thumbnail:hover span {
	/*CSS for enlarged image*/
visibility: visible;
	top: 350px;
	left: 425px; /*position where enlarged image should offset horizontally */;
	z-index: 50;
}
#container {
	position: relative;
	width: 780px;
	margin: 0 auto;
	text-align: left; /* background: #ff0; replace this with background image of choice */;
	background: url(../nm/bkgslice.jpg);
	background-repeat: repeat-y;
	min-height: 100%; /* this is where inheritance stops */
}
/* Product listing table on browse page */
#prodlist {
	font-size: 8pt;
	font-family: Arial, Verdana;
}
/*\ Give to IE/Win but hide from IE/Mac - unfortuantely it won't support either min-height method */
* html #container {
	height: 100%;
}
/* end hide */
/* trick to get compliant browsers to clear the (right) floated div if required */
#container:after {
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	font-size: 1px;
	clear: both;
	visibility: hidden;
}
#header {
	position: absolute;
	z-index: 100;
	left: 50%;
	margin: 0 0 0 -390px;
	padding: 0;
	height: 194px;
	width: 780px;
	background: url(../nm/tophead.jpg);
	background-repeat: no-repeat;
}
#header p {
	margin: 0;
	padding-top: 169px;
	padding-right: 20px;
	text-align: right;
	font-size: smaller;
}
#footer {
	position: absolute;
	left: 50%;
	bottom: 0;
	margin: 0 0 0 -390px;
	padding: 0;
	height: 52px;
	width: 780px;
	font-size: 7pt;
	color: #5a4c00;
	background: url(../nm/down.jpg);
	background-repeat: no-repeat;
}
#footer p {
	margin: 0;
	padding-top: 8px;
	padding-left: 220px;
	text-align: center;
}
#footer a {
	font-size: 8pt;
	color: #0e6203;
}
#left-col {
	position: relative;
	float: left;
	margin: 194px 0 0 0;
	padding: 0 0 60px 0;
	font-size: smaller;
	width: 195px; /* background: red; */;
	color: #000;
}
#col-notes {
	position: static;
	float: none;
	width: 175px;
	background-color: #50b743;
	font-size: 8pt;
	margin: 0;
	padding: 5px;
}
#right-col {
	position: relative;
	float: right;
	margin: 194px 0 0 0;
	padding: 0 0 60px 0;
	width: 575px; /*background: #eee;  this is for illustration only */;
	color: #000;
}
/*p {margin: 10px 20px;} */
.style1 {
	font-size: large;
	background-color: #808080;
}
.style2 {
	font-size: xx-large;
}
.style3 {
	color: #FFFFFF;
}
.imagepos {
	position: absolute;
}
.menuskin {
	position: absolute;
	width: 240px;
	background-color: #FFF085;
	border: 1px solid black;
	font: normal 12px Verdana, sans-serif;
	line-height: 18px;
	z-index: 2000;
	visibility: hidden;
}
.menuskin a {
	text-decoration: none;
	color: black;
	padding-left: 10px;
	padding-right: 10px;
}
#mouseoverstyle {
	background-color: #2A861E;
}
#mouseoverstyle a {
	color: white;
}
.menulist dl {
	margin-left: 10px;
	padding-left: 0;
}
H1 {
	FONT-SIZE: 12pt;
	FONT-FAMILY: Arial, Verdana, sans-serif;
}
H2 {
	FONT-SIZE: 11pt;
	FONT-FAMILY: Arial, Verdana, sans-serif;
}
H3 {
	FONT-SIZE: 10pt;
	FONT-FAMILY: Arial, Verdana, sans-serif;
}
.fabinput {
	border: 1px solid #D25A0B;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	font-size: 8pt;
}
.fabshow {
	border-right: none;
	border-top: none;
	border-left: none;
	border-bottom: none;
	FONT-SIZE: 8pt;
	FONT-FAMILY: Arial, Verdana;
	BACKGROUND-COLOR: white;
}
.SmallText {
	FONT-SIZE: 8pt;
	FONT-FAMILY: Arial, Verdana, sans-serif;
}
.RegText {
	FONT-SIZE: 10pt;
	FONT-FAMILY: Arial, Verdana, sans-serif;
}
.strchBtn {
	width: 60px;
}
.hdrDisabledBtn {
	color: #aca899;
}
.hdrBtn {
}
.pagerhdr {
	color: #336600;
}
#imagecaption {
	FONT-SIZE: x-small;
	FONT-FAMILY: Arial, Verdana;
}
.show {
	position: relative;
	z-index: 0;
}
.show:hover {
	background-color: transparent;
	z-index: 50;
}
.show span {
	/*CSS for enlarged image*/
position: absolute;
	width: 300px;
	background-color: #FFFFFF;
	padding: 5px;
	left: -1000px;
	border: 1px solid #D25A0B;
	visibility: hidden;
	color: black;
	text-decoration: none;
}
.show span img {
	/*CSS for enlarged image*/
border-width: 0;
	padding: 2px;
}
.show:hover span {
	/*CSS for enlarged image on hover*/
visibility: visible;
	top: 0;
	left: 60px;
	color: #000000;
	text-decoration: none;
	line-height: normal;
	vertical-align: text-top;
	text-align: left;
}
.helpl {
	position: relative;
	z-index: 0;
	text-decoration: none;
}
.helpl:hover {
	background-color: transparent;
	z-index: 50;
}
.helpl span {
	/*CSS for enlarged image*/
	position: absolute;
	width: 200px;
	background-color: #FFFFFF;
	padding: 5px;
	left: -1000px;
	border: 1px solid #D25A0B;
	visibility: hidden;
	color: black;
	text-decoration: none;
}
.helpl span img {
	/*CSS for enlarged image*/
border-width: 0;
	padding: 2px;
}
.helpl:hover span {
	/*CSS for enlarged image on hover*/
	visibility: visible;
	top: 10px;
	left: 10px;
	text-decoration: none;
	color: #000000;
	text-align: left;
	vertical-align: text-top;
	line-height: normal;
}
.helpr {
	position: relative;
	z-index: 0;
}
.helpr:hover {
	background-color: transparent;
	z-index: 50;
}
.helpr span {
	/*CSS for enlarged image*/
	position: absolute;
	width: 200px;
	background-color: #FFFFFF;
	text-align: left;
	padding: 5px;
	left: -1000px;
	border: 1px solid #D25A0B;
	visibility: hidden;
	color: black;
	text-decoration: none;
}
.helpr span img {
	/*CSS for enlarged image*/
border-width: 0;
	padding: 2px;
	text-decoration: none;
	color: #000000;
	line-height: normal;
	vertical-align: text-top;
	text-align: left;
}
.helpr:hover span {
	/*CSS for enlarged image on hover*/
visibility: visible;
	top: 10px;
	left: -220px; /*position where enlarged image should offset horizontally */
}

a.HeadLink {
  text-decoration: none;
  color: #FFFFFF;
}


a.HeadLink:hover {
  text-decoration: underline;
  color: #FFFFFF;
}

a {
  text-decoration: none;
  color: #D25A0B;
}

a:hover {
	color: #336600;
}

/* Dialogue System */

HeadLink {
  text-decoration: none;
  color: #FFFFFF;
}

table.Narrow {
  font-size: 10pt;
}

table.Normal {
  font-size: 10pt;
  width: 600px;
}

table.Wide {
  font-size: 10pt;
  width: 700px
}

table.Inout {
  font-size: 10pt;
  width: 500px;
  border-collapse: collapse;
}

table.InoutWide {
  font-size: 10pt;
  width: 620px;
  border-collapse: collapse;
}

tr.Head1 { 
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  background-color: #CC6600;
}

tr.Head2 {
  color: #FFFFFF;
  font-weight: bold;
  background-color: #CC6600;
}

tr.Body1 { 
  color: #000000;
  background-color: #EEEEEE;
}

tr.Body1c { 
  color: #000000;
  text-align: center;
  background-color: #EEEEEE;
}
tr.Body2 { 
  color: #000000;
  background-color: #CCCCCC;
}

tr.Body3 { 
  color: #000000;
  background-color: #FFFFFF;
}

tr.Body3c { 
  color: #000000;
  text-align: center;
  background-color: #FFFFFF;
}

em {
  color: #FF0000;
}

.info {
  font-family: Webdings, Verdana, Arial, Helvetica;
}
/*Default style for SPAN icons. Edit if desired: */

.iconspan{
float: left;
margin: 1px;
cursor:hand;
cursor:pointer;
font-weight: bold;
}

/*CSS used to style the examples. Remove if desired: */
.new-top{
	clear: left;
	border-style: solid;
	border-width: 1px;
	border-color: white #FFCC99 #FFCC99 white;
	font-weight: bold;
	padding: 3px;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	float: left;
}

div.new-top{
	width: 750px;
}

.msg-top{
	clear: left;
	border-style: solid;
	border-width: 1px;
	border-color: white #FFCC99 #FFCC99 white;
	font-weight: bold;
	padding: 3px;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	float: left;
}

div.msg-top{
	width: 750px;
}
.msg-ext{
	border: 1px solid #000000;
	clear: left;
	font-weight: bold;
	padding: 3px;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	float: left;
}

div.msg-ext{
	width: 725px;
}
.thread-exist{
	border: 1px solid #000000;
	clear: left;
	font-weight: bold;
	padding: 3px;
	margin-left: 20px;
	margin-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
}

div.thread-exist{
	width: 775px;
}
.thread-create{
	clear: left;
	font-weight: bold;
	padding: 3px;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
}
.div.thread-create{
	width: 775px;
}
.thread-new{
	border: 1px solid #0000FF;
	clear: left;
	font-weight: bold;
	padding: 3px;
	margin-left: 20px;
	margin-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
}
div.thread-new{
	width: 775px;
}
.idboxold{
	background-color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	text-align: right;
	padding: 3px;
	width: 50px;
	display: inline-block;
}
.idboxnew{
	display: inline-block;
	background-color: #3366FF;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	text-align: right;
	padding: 3px;
	width: 50px;
}
.idbox{
	display: inline-block;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	text-align: right;
	padding: 3px;
	width: 50px;
}

.msg-sub{
	clear: left;
	border-style: solid;
	border-width: 1px;
	border-color: white #FFCC99 #FFCC99 white;
	font-weight: bold;
	padding: 3px;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	float: left;
}

div.msg-sub{
	width: 700px;
}
.eg-subj{
	width: 380px;
	float: left;
	padding-left: 3px;
}
.eg-addy{
	width: 140px;
	border-style: none none none outset;
	border-width: medium;
	font-weight: normal;
	border-right-color: #ffcc99;
	border-left-color: #ffcc99;
	float: left;
	padding-left: 3px;
}
.eg-date{
	width: 125px;
	border-style: none none none outset;
	border-width: medium;
	font-weight: normal;
	border-right-color: #ffcc99;
	border-left-color: #ffcc99;
	float: left;
	padding-left: 3px;
}
.OlevelA{
width: 500px;
margin-left: 20px;
}

.OlevelB{
width: 500px;
margin-left: 20px;
}

.NlevelA{
width: 500px;
margin-left: 20px;
}
.NlevelB{
width: 500px;
margin-left: 20px;
}
.NlevelC{
width: 500px;
margin-left: 20px;
}