/* CSS Document */

body {margin:0px; padding:0px; background:#00259b url(images/BODY_BKG.gif) repeat-y center top;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }

h1, h2, h3, h4, ul, dl, dd, dt {margin:0px; padding:0px;}

a { color:#1C3F94;}

#container { width:770px;
margin:0 auto;
background:url(images/bkg.gif) center top no-repeat #507216;
/*-- border-left:15px solid #00259b;
border-right:15px solid #00259b;*/
border-top:8px solid #00259b;
position:relative;}


ul#main_nav {position:absolute; top:10px; left:212px; width:531px; height:57px; background:url(images/main_nav_bkg.gif) no-repeat; padding:12px 0 0 0 ; z-index:1px }

ul#main_nav li  { display:block; float:left; width:100px; font-size:12px; color:#FFFFFF;text-align:center; list-style:none;  }
ul#main_nav li a  {  height:25px;  color:#FFFFFF; text-decoration:none; }

ul#main_nav li a:hover  { border-bottom:#1C3F94 1px solid;  color:#1C3F94; text-decoration:none; font-weight:bold; }


#branding h1 { background:url(images/logo.gif) no-repeat left -1px; width:172px; height:136px; text-indent:-9999px; position:absolute; left:20px; top:0px; }

#branding h1 a {display:block; width:172px; height:136px;}

#content {width:461px; margin:67px 0 0 0px; position:relative; left:212px;  padding:20px 35px 10px 35px; background-position: left bottom; z-index:5;}



.clear[class] { background:url(images/content_clear.png)  no-repeat bottom; }

html>body .clear { *filter:none; }

body.home #content h1 {width:451px; background:url(images/h1_home.gif) no-repeat center top; height:93px; text-indent:-9999px; padding-bottom:280px;}


body.company #content h1 {width:451px; background:url(images/title_company.gif) no-repeat center; height:50px; text-indent:-9999px;}
body.contact #content h1 {width:451px; background:url(images/title_contact.gif) no-repeat center; height:50px; text-indent:-9999px;}
body.tradeshows #content h1 {width:451px; background:url(images/title_tradeshows.gif) no-repeat center; height:50px; text-indent:-9999px;}
body.products #content h1 {width:451px; background:url(images/title_products.gif) no-repeat center; height:50px; text-indent:-9999px;}
body.bulk #content h1 {width:451px; background:url(images/title_bulk.gif) no-repeat center; height:50px; text-indent:-9999px;}
body.retail #content h1 {width:451px; background:url(images/title_retail.gif) no-repeat center; height:50px; text-indent:-9999px;}

#content h2, #link dt { font-size:15px;color:#1C3F94; font-weight:bold; }
body.products #link dl { float:left; margin: 0px; width:230px; display:block; text-align:center}
#link dt {text-align:center; padding-bottom:10px;}
#link dt a {color:#1C3F94; text-decoration:none; }
#link dt a:hover {color:#1C3F94; text-decoration:underline; }

#link {  position:absolute; top:150px; right:65px; z-index:70;}
#photos {width:461px; position:absolute; top:190px; right:65px; z-index:70;}
#photos img {padding:7px;}


#content p {margin:5px 7px 15px 7px; line-height:1.5em;}

#bulk, #retail {margin:0px 0 0 15px; padding:0px; position:absolute; width:185px; font-size:12px; z-index:1;  }
#bulk dd, #retail dd { list-style-type:none; text-align:center; line-height:1.4em;}
#bulk dd a, #retail dd a {color:#000; text-decoration:none;}
#bulk dd a:hover, #retail dd a:hover {text-decoration:underline; font-weight:bold; color:#1C3F94;}
#bulk dt, #retail dt { list-style-type:none; text-align:center; line-height:1.4em; font-size:14px; font-weight:bold; color:#000000;}

#bulk dt a, #retail dt a {color:#000000; text-decoration:none;}
#bulk dt a:hover, #retail dt a:hover {color:#1C3F94; }

#bulk { top:170px;}

#retail { top:270px;}
dd#click {font-style:italic; margin:10px 0 0 0; font-size:90%;}


#siteinfo {padding:20px 30px; text-align:right;}
#siteinfo a { color:#000; text-decoration:none;}
#siteinfo a:hover { text-decoration:underline;} 
#siteinfo ul li { list-style:none; display:inline; padding:0px 20px;}

table#productlist {width:100%; z-index:5; position:relative;}
table#productlist img {padding:5px; padding-left:0px;}
table#productlist a img  {border:none;}
table#productlist td {padding: 3px 8px 3px 3px; vertical-align:top;  border-bottom:#999999 1px solid; border-right:#CCCCCC 1px solid; border-right:none;   }
table#productlist td.img { height:75px; width:65px;  }
table#productlist td.typeofproduct { border-bottom:none; padding-top:10px;}
table#productlist tr { border-bottom:#999999 1px solid; }
table#productlist tr.categories { background:#1C3F94; color:#FFFFFF; font-size:90%; font-weight:bold;}
table#productlist tr.categories td {border:none;}

a.totop {display:block; padding:0 20px 0 0 ; background:url(images/0199_small-old-simple-arrow.gif) no-repeat right center; text-align:right; font-size:90%; color:#666666; }

.left {float:left; padding-right:20px;}
.right {float:right; padding-left:20px;}

.short {width:250px;}

table#productlist img.preview {padding:0px;}
table#productlist img.preview2 {padding:0px;}

body.largeimg {padding:40px 0 0 0; text-align:center; color:#ffffff; font-size:13px;}
body.largeimg a {font-size:12px; color:#ffffff;}
body.largeimg img {border:#fff solid 8px;}

/* ---------------------------product rollovers ----------------------------
table#productlist td.img a { position:relative; display:block; height:62px; width:62px; border:none;}
table#productlist td.img a img {border:none;}

table#productlist td.img a {z-index:15}
table#productlist td.img a:hover {z-index:30}
table#productlist td.desc a {z-index:5}
table#productlist td.desc a:hover {z-index:10}


table#productlist td.desc a { position:relative; display:block;width:140px;}
table#productlist td.desc a .preview {
	display: none;
}

table#productlist td a .preview {
	display: none;
}

table#productlist td.desc a:hover .preview
{
	display: block;
	position: absolute;
	top:-150%;
	left:20px;
	z-index:30;
	border:#fff solid 8px;
	padding:0px;
}

table#productlist td.desc a:hover p.preview 
{ 
 text-align:center;
 display:block;
 text-decoration:none;
	border:none;
	padding:0px;
}



table#productlist td.img a:hover .preview
{
	display: block;
	position: absolute;
	bottom:-10px;
	left:-10px;
	z-index: 30;
	border:#fff solid 8px;
	padding:0px;
}


table#productlist td#kidney a { background:url(images/kidneybeans.jpg) no-repeat; position:static;}
table#productlist td#kidney a:hover { background:url(images/kidneybeans_lg.jpg) no-repeat; position:absolute;}


*/
.hoverbox
{
	cursor: default;
	list-style: none;
	position:relative;
}

.hoverbox a
{
position:relative;
	cursor: default;
	display:block;
	z-index:20;
}

.hoverbox a.desc
{
position:relative;
	cursor: default;
	display:block;
	z-index:20;
	width:160px;
}

.hoverbox a.desc2
{
position:relative;
	cursor: default;
	display:block;
	z-index:20;
	width:120px;
}

.hoverbox a .preview
{
	display: none;
	position:relative;
	z-index:15;
}

.hoverbox a .preview2
{
	display: none;
	
	z-index:5;
}


.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	bottom:-50px;
	left: -240px;
	z-index: 10;
	margin-bottom:25px;
}

.hoverbox a:hover .preview2
{
	display: block;
	position: absolute;
	top: -100px;
	left: 100%;
	z-index: 5;
	background:#fff;
	
	
}

table#productlist td.img a {width:62px;}
table#productlist td.img img { width:62px; }

table#productlist td.img img.preview { width:300px;}

.hoverbox a img
{ border:0px;
padding:0px;
position:relative;


}

.hoverbox img
{ position:relative;
	color: inherit;
	vertical-align: top;
}

.hoverbox li
{
	color: inherit;
	display: inline;
	float: left;	
	position: relative;
}

.hoverbox .preview
{
	border:#fff solid 8px;
	padding:0px;
	bottom:-10px;
	left:-10px;

}
.hoverbox .preview2
{
	border:#fff solid 8px;
	padding:0px;
	

}


.hoverbox p.preview
{
background:#fff;
border:0px;

}


.hoverbox a:hover {background:#fff; }