#lnav {
  text-align: center; 
  display: inline; /* ie/win double-margin hack */
  border: 0px dotted gold;
  }
  
p.lnavSml { font: normal 9px verdana, sans-serif; color: #999; }

#lnav #spanImage img.prodImg {
  width: 201px; 
  margin: 0 0 0 0; 
  border: 0; 
  padding: 0px 0 0 0; 
  }
#spanImage img.suppImg {} /* --- UNUSED: future images --- */
#spanImage #confirmation .ConfirmBox {}

#spanThumbImage { 
  display: block;
  padding: 0px;
  margin: 0px; 
  border: 0px dotted lime;
  }
  
#spanThumbImage img.thumbImg {
  width: 50px; 
  margin: 0 auto; 
  text-align:center; 
  border: none; 
  padding: 0;
  border: 0px dotted red;
  }


/* --- PROJECT GALLERY --- */

#lnav  #projGallery {
  width: 160px;
  margin: 15px 0px 0 20px;
  display: inline;
  padding: 10px 0; 
  border: 0px dotted blue;
  text-align: center; 
  background-color: #fff;
  float: left;
  border: 0px dotted teal;
  }

#projGallery h1.projGall {
  background: transparent url(../images/rhead_projGall.gif) no-repeat left top;
  width: 137px;
  height: 14px;
  padding: 0 0 4px 0;  
  text-align: center;
  border-bottom: 1px solid #de1834;
  margin: 0 auto 0 auto;
  text-align: center; 
  }
  
#projGallery h1 span {
  display: none;
  } 

#projGallery .project {
  border: 0px dotted red;
  margin: 10px 0;
  }

#projGallery .project img {
  width: 98px;
  height: 66px;
  border: none;
  }
  
#projGallery .project p {
  font: normal 9px verdana, sans-serif;
  padding: 0;
  margin: 0;
  color: #999; 
  }
/* --- END PROJECTS --- */

#details { border: 0px dotted red; position: relative; }

/* --- buttonBar --- */
#buttonBar {
  padding: 0 0 0 2px;
  height: 20px;
  margin: 0;
  }

#buttonBar div {
  float: left;
  width: 90px;
  height: 20px;
  margin: 2px 2px 0 0;
  border: 0px dotted red;
  }

#buttonBar div.btn1 {
  background: transparent url(../images/btn_myafg.gif) 0 -20px no-repeat;
  }

#buttonBar div.btn2 {
  background: transparent url(../images/btn_email.gif) 0 -20px no-repeat;
  }
  
 #buttonBar div.btn3 {
  background: transparent url(../images/btn_print.gif) 0 -20px no-repeat;
  }
  
 #buttonBar div.btn4 {
  background: transparent url(../images/btn_sample.gif) 0 -20px no-repeat;
  }
  
#buttonBar div a {
  display: block;
  margin: 0;
  padding: 0;
  width: 90px;
  height: 20px;
  }

#buttonBar div.btn1 a {
  background: transparent url(../images/btn_myafg.gif) top left no-repeat;
  }

#buttonBar div.btn2 a {
  background: transparent url(../images/btn_email.gif) top left no-repeat;
  }

#buttonBar div.btn3 a {
  background: transparent url(../images/btn_print.gif) top left no-repeat;
  }

#buttonBar div.btn4 a {
  background: transparent url(../images/btn_sample.gif) top left no-repeat;
  }

#buttonBar div span {
  display: none;
  }

#buttonBar div a:hover {
  background-position:  0 -20px;
  }
/* --- END buttonbar --- */


/* --- buttonbar layers --- */

#myAFG {
  position:absolute;
	text-align: center;
	width:220px;
	z-index:1;
	background-color: #355458;
	border: 0px dotted red;
	margin: 23px 0 0 2px; 
	top: 0;
	left: 0;
	padding: 0px;
	}

#myAFG .close, #emailPage .close {
  margin: 0;
  padding: 1px;
  background-color: #666666;
  color:White;
  font: normal 9px verdana; 
  position:absolute;
  top: 0;
	left: 0;
  }

#myAFG .close {
  width: 218px;
  }
#emailPage .close {
  width: 228px;
  }
#emailPage h1 { padding: 5px 0 6px 0; margin: 0 0 0 0; }


#myAFG .close img, #emailPage .close img {
  border: none;
  padding: 1px;
}

#myAFG p, #emailPage p {
	padding: 4px 0 6px 0;
	margin: 0;
}


#emailPage {
	position:absolute;
	top: 0;
	left: -94px;
	width:230px;
	z-index:1;
	background-color: #999999;
	border: 0px dotted red;
	margin: 23px 0 0 94px; 
	padding: 0px;
	}
	
#emailPage p { margin: 0; padding:5px 0 0 0;  border: 0px dotted gold;}

#requestSample {
	position:absolute;
	width:230px;
	height:100px;
	z-index:990;
	background-color: #355458;
	border: 0px dotted red;
	margin: 4px 0 0 140px; 
	}

.showDiv { }

.hideDiv {
	display: none;
	visibility: hidden;
	}
/* --- END buttonbar layers --- */