body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	text-align: center;
	background-attachment: fixed;
	background-image: url(images/buff2bg.jpg);
	background-repeat: repeat;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/* start test CSS for drop down image*/
.drop {
	background-image: url(images/triangle.png);
	background-repeat: no-repeat;
	height: 150px;
	text-align: center;
	width: 100px;
}
/* end test CSS for drop down image*/

.wrapper {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	display: block;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: 0px;
	text-align: center;
}
.wrapper2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000000;
	display: block;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: 150px;
	position: fixed;
}
.container {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	display: block;
	position: relative;
	margin-top: 200px;
}

.header_box {
	font-family: Arial, Helvetica, sans-serif;
	left: auto;
	right: auto;
	text-align: center;
	background-color: #ffcc33;
	font-size: 14pt;
	font-weight: bold;
}
.header {
	font-size: 80% /*smaller*/;
	text-align: center;
	position: fixed;
	width: 100%;
	height: 97px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	background-color: #ffcc33;
}
#header_fixed {
	font-size: 14pt;
	text-align: center;
	position: fixed;
	width: 960px;
	height: 160px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #ffcc33;
	z-index: 20;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	left: auto;
	right: auto;
}
#header_fixed2 {
	font-size: 14pt;
	text-align: center;
	position: fixed;
	width: 960px;
	height: 190px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #ffcc33;
	z-index: 99;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	top: 5px;
}
#header_fixed3 {
	text-align: center;
	position: fixed;
	width: 960px;
	height: 120px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	z-index: 99;
	background-color: #FFFFFF;
}
#header_fixed2_search {
	font-size: 14pt;
	text-align: center;
	position: fixed;
	width: 960px;
	height: 150px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #ffcc33;
	z-index: 99;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-image: url(includes/images/pcb-bg2.jpg);
}
.header_spacer_search {
	height: 190px;
	margin-right: auto;
	margin-left: auto;
}
.header_spacer {
	height: 160px;
	margin-right: auto;
	margin-left: auto;
}
.column_right {
	width: 300px;
	float: right;
	position: relative;
	margin-top: 5px;
	text-align: center;
	background-color: #66ccff;
	height: 700px;
	padding: 5px;
	overflow: auto;
}
.column_left {
	width: 300px;
	float: left;
	position: relative;
	margin-top: 5px;
	text-align: center;
	z-index: 1;
	background-color: #ffcc33;
	height: 700px;
	padding: 5px;
	overflow: auto;
}
.column_middle {
	width: 300px;
	float: left;
	margin-top: 5px;
	margin-left: 16px;
	height: 700px;
	padding: 5px;
	text-align: center;
	overflow: auto;
}
.column_left_narrow {
	width: 250px;
	float: left;
	position: relative;
	margin-top: 5px;
	text-align: left;
	z-index: 1;
}

.column_leftYellow {
	text-align: left;
	display: block;
	position: relative;
	top: auto;
	left: 0px;
	width: 450px;
	float: left;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: auto;
	margin-left: auto;
	background-color: #ffcc33;
	padding: 5px;
}
.column_rightYellow {
	width: 450px;
	float: right;
	position: relative;
	margin-top: 5px;
	background-color: #ffcc33;
	padding: 5px;
	text-align: left;
}
.yellow {
	background-color: #ffff00;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	margin-left: 8px;
}
.grey {
	background-color: #eaf3ff;
}
.center {
	text-align: center;
	width: 80%;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 5px;
}
.left_text {
	text-align: left;
}
.RedText {
	color: #FF0000;
}
.BlueText {
	color: #0000FF;
}
h2 {
	margin-bottom: 3px;
}
h3 {
	margin-bottom: 2px;
}
.inline {
	display: inline;
	clear: both;
}
.pic_left {
	float: left;
	padding: 5px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
.pic_right {
	float: right;
	padding: 5px;
	margin: 0;
}
.spacer {
	height: 2px;
	position: relative;
	clear: left;
	margin-bottom: -5px;
}
.smallSpacer {
	height: 5px;
}
.p_border {
	border: thin solid #000000;
	padding: 4px;
}

/**p {
  margin: 0 10px 8px 10px;
}**/


.flash {
	position: relative;
	left: 120px;
	text-align: center;
	float: left;
}
li_leading {
	line-height: 2em;
}

.underline {
	color: #0000FF;
	text-decoration: underline;
	display: inline;
}



/* clear floats */
.clearfloats {clear:both;}

.table2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	text-align: left;
	font-weight: normal;
	width: 100%;
}
.footer {
	text-align: center;
	width: 960px;
	height: 110px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffcc33;
	color: #000000;
	padding: 1.5px;
}
.blue_border {
	border: thin solid #3366CC;
}
/*img
{  border-style: none;
}
.close {
	margin-bottom: -15px;
}*/
a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #3333CC;
	text-decoration: underline;
	padding: 0px;
}
a:hover {
	text-decoration: underline;
	color: #660000;
	font-family: Arial, Helvetica, sans-serif;
}

/*button links */
a.button:link {
	color:#0000FF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: .9em;
	text-align: center;
} /* unvisited link */
a.button:visited {
	color:#0000FF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: .9em;
} /* visited link */
a.button:hover {
	color:#FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: #6633cc;
	font-size: 0.9em;
} /* mouse over link */
a.button:active {
	color:#0000FF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: .9em;
} /* selected link */

.long_box {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: 20px;
	background-repeat: no-repeat;
	background-color: #ffcc33;
	z-index: 1;
	font-size: 0.8em;
	text-align: left;
	text-indent: 6px;
}
/* rollover buttons */
#newproducts
{
  display: block;
  width: 139px;
  height: 25.5px;
  overflow: hidden;
  background: url("includes/images/buttons/new-prod-t.jpg") no-repeat 0 0;
}
#newproducts:hover
{ 
  background-position: 0 -25.5px;
}
#newproducts span
{
  display: none;
}

#preorder
{
  display: block;
  width: 150px;
  height: 28px;
  background: url("includes/images/preorder.jpg") no-repeat 0 0;
}
#preorder:hover
{ 
  background-position: 0 -28px;
}
#preorder span
{
  display: none;
}

#ab
{
  display: block;
  width: 150px;
  height: 28px;
  background: url("includes/images/ab.jpg") no-repeat 0 0;
}
#ab:hover
{ 
  background-position: 0 -28px;
}
#ab span
{
  display: none;
}

#wl
{
  display: block;
  width: 150px;
  height: 28px;
  background: url("includes/images/wl.jpg") no-repeat 0 0;
}
#wl:hover
{ 
  background-position: 0 -28px;
}
#wl span
{
  display: none;
}

#contact
{
  display: block;
  width: 150px;
  height: 28px;
  background: url("includes/images/contact.jpg") no-repeat 0 0;
}
#contact:hover
{ 
  background-position: 0 -28px;
}
#contact span
{
  display: none;
}
#plm
{
  display: block;
  width: 150px;
  height: 28px;
  background: url("includes/images/plm.jpg") no-repeat 0 0;
}
#plm:hover
{ 
  background-position: 0 -28px;
}
#plm span
{
  display: none;
}
/* end rollover buttons */



li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	text-align: left;
}

#Relative {position: relative; margin:0 auto 14px auto; min-height:200px; _height:200px /**for IE6 Only**/ }

/**menu**/

#navlist {
	padding: 0 1px 1px;
	margin-left:0;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

#navlist li {
list-style: none;
margin: 0;
display: inline;}

#navlist li a {
	padding: 0.5em 0.5em 0.5em 0.75em;
	text-decoration: none;
	background-color: #ffcc33;
	border-width: 1px;
	border-style: solid;
	border-top-color: #000000;
	border-left-color: #AAB;
}

#navlist li a:link {
	color: #448;
	border: 1px solid #000000;
}

#navlist li a:visited {
	color: #ffcc33;
}

#navlist li a:hover, #navlist li a:active, #navlist li a:focus{
	/**border-color: #FF9900;**/
	color: #FFF;
	visibility: visible;
	background-color: #6633cc;
	border: 1px solid #000000;
}

/**Default Image container**/

#defaultImage {
visibility:visible;
display:block;
position:absolute;
left:110px; /**adjust position in pixels or % **/
top:50px; /**adjust position in pixel or %**/
}

/**disjointed image rules**/

#navlist li a span {
visibility:hidden;
display:block;
position:absolute;
left:110px; /**position same as default image layer above**/
top:50px; /**position same as default image layer above**/
/*color:#666;*/ }

#navlist li a:hover span, #navlist li a:active span, #navlist li a:focus span {
visibility:visible;}

a img {border:none}


.new_prod_table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	text-align: center;
	font-weight: bold;
	border: medium solid #336699;
}

/* Photo-Caption PZ3 CSS v080630
* copyright: http://randsco.com/copyright
* www.randsco.com
*/

.PZ3-l { float:left; margin-right:10px; }
.PZ3-r { float:left; margin-left:10px; margin-right:10px; direction:rtl; }
  html>/**/body .PZ3-r { position:relative; }

.PZ3zoom { border:1px solid #369; }
.PZ3zoom a,.PZ3zoom a:visited { display:block;
  padding:0; overflow:hidden; text-decoration:none;
  height:100%; width:100%; }
  html>/**/body .PZ3-r a { right:0; }

.PZ3zoom a:hover { position:absolute;
  z-index:999; padding:0; background:none;
  cursor:default; height:auto; width:auto;
  overflow:visible; border:1px solid #369;
  margin:-1px 0 0 -1px; }
  html>body .PZ3zoom a:hover { margin:-1px -1px 0 -1px; }

.PZ3zoom a img { border:0; height:100%; width:100%; }
.PZ3zoom a:hover img { height:auto; width:auto;
  border:0; }

a:hover .PZ3cap,
a:hover .PZ31cap { display:block;
  direction:ltr; font:10pt verdana,sans-serif;
  margin-top:-3px; background:#369; color:#fff;
  text-align:left; }
a:hover .PZ3cap { padding:3px 5px; }
.PZ3inr { display:block; padding:2px 5px; }

.noCap a:hover .PZ3cap,
.noCap a:hover .PZ31cap { display:none; }
.noBdr,.noBdr a:hover { border:0; }
.Lnk a:hover { cursor:pointer; }

/* End Photo-Caption Zoom CSS */ 

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(images/bubble.gif) no-repeat bottom;
}
/* end bubble tool tip */ 


/*---------- boxes -----------*/
#Box1, #Box2, #Box3 {
	width: 300px;
	min-height: 150px; /**non-IE browsers**/
	_height: 150px; /**IE6 only**/
	margin-bottom:45px;
	border: 0px;
	/**to reduce float drop issues in IE6**/
overflow: hidden;
	word-wrap: break-word;
}

#Box1 h2,#Box2 h2,#Box3 h2 {
padding:5px 5px 5px 5px;
text-align: center ;
}

#Box1 {float: left;}

#Box2 {margin-left: 33px; float: left;}

#Box3 {float: right;}

.clear {clear: both; line-height: 1px; visibility: hidden}
/* end boxes */ 

/* Jon Code */

#xpricedrop { width: 275px; margin: 0 auto; background: #bfe0ff; font-weight: bold; border: 1px solid #000; }
#xpricedrop a { text-decoration: none; color: #000; }
#xpricedrop a:hover { text-decoration: underline; }

/* begin tool tip */
 
 a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#99ccff; color:#000;
    text-align: center}
/* end tool tip */


/* begin js slide show */

#gallery {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	z-index: 99;
}

/* end js slide show */

/*text over an image */
a.button5 { display: block;
float: left;
min-width: 12em;
width: auto!important;
width: 12em;
height: 2em;
padding-top: 0.5em;
background: #fff url(/images/b800b.gif') no-repeat center center;
text-align: center; }
.column_leftCenterText {
	width: 450px;
	float: left;
	position: relative;
	margin-top: 5px;
	text-align: center;
	z-index: 1;
}
.column_rightCenterText {
	width: 450px;
	float: right;
	position: relative;
	margin-top: 5px;
	text-align: center;
}
td {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: top;
	font-size: 1em;
}