@charset "UTF-8";
* {
font: normal 10pt Verdana, Arial, Geneva, sans-serif, helvetica;
color:#000000;
} 
body {
}
.black	{
font-family: Verdana, Arial, Geneva, sans-serif, helvetica;
font-size: 10pt;
color:#000000;
}
.boldsmallblack {
font: bold 8pt Verdana, Arial, Geneva, sans-serif, helvetica;
color: #000000;
}
.smallblack {
	font-family: Verdana, Arial, Geneva, sans-serif, helvetica;
	font-size: 9pt; 
	color: #000000;
}
.smallerblack {
	font-family: Verdana, Arial, Geneva, sans-serif, helvetica;
	font-size: 8pt; 
	color: #000000;
}
.smallestblack {
	font-family: Verdana, Arial, Geneva, sans-serif, helvetica;
	font-size: 7pt; 
	color: #000000;
}
.white	{
	font-family: Verdana, Arial, Geneva, sans-serif, helvetica;
	font-size: 10pt;
	color:#FFFFFF;
}
.skyblue	{
	font-family: Verdana, Arial, Geneva, sans-serif, helvetica;
	font-size: 10pt;
	color:#6699FF;
}
.smallskyblue	{
	font-family: Verdana, Arial, Geneva, sans-serif, helvetica;
	font-size: 9pt;
	color:#6699FF;
}
.smallerskyblue	{
	font-family: Verdana, Arial, Geneva, sans-serif, helvetica;
	font-size: 8pt;
	color:#6699FF;
}
.smallestskyblue	{
	font-family: Verdana, Arial, Geneva, sans-serif, helvetica;
	font-size: 7pt;
	color:#6699FF;
}
.green	{
 font-family: Verdana, Arial, Geneva, sans-serif, helvetica;
	font-size: 10pt;
	color:#66CC00;
}
.smallgreen	{
 font-family: Verdana, Arial, Geneva, sans-serif, helvetica;
	font-size: 9pt;
	color:#66CC00;
}
.smallergreen	{
 font-family: Verdana, Arial, Geneva, sans-serif, helvetica;
	font-size: 8pt;
	color:#66CC00;
}
.smallestgreen	{
 font-family: Verdana, Arial, Geneva, sans-serif, helvetica;
	font-size: 7pt;
	color:#66CC00;
}
.smallerred	{
 font-family: Verdana, Arial, Geneva, sans-serif, helvetica;
	font-size: 8pt;
	color:#FF0000;
}
.bluegray	{
font: normal 10pt Verdana, Arial, Geneva, sans-serif, helvetica;
color:#366EA6;
}
.boldbluegray	{
font: bold 10pt Verdana, Arial, Geneva, sans-serif, helvetica;
color:#366EA6;
}
.smallbluegray	{
	font-family: Verdana, Arial, Geneva, sans-serif, helvetica;
	font-size: 9pt;
	color:#366EA6;
}
.portfolio, .portfolio a {
font: normal 9pt Verdana, Arial, Geneva, sans-serif, helvetica;
color:#366EA6;
text-decoration:none;
}
.portfolio a:hover{
color:#000000;
text-decoration:underline;
}
.smallerbluegray, .smallerbluegray a {
font-family: Verdana, Arial, Geneva, sans-serif, helvetica;
font-size: 8pt;
color:#366EA6;
text-decoration:none;
}
.smallerbluegray a:hover{
text-decoration:underline;
}
.smallestbluegray	{
	font-family: Verdana, Arial, Geneva, sans-serif, helvetica;
	font-size: 7pt;
	color:#366EA6;
}
.smallerexcelgreen	{
	font-family: Verdana, Arial, Geneva, sans-serif, helvetica;
	font-size: 8pt;
	color:#336633;
}
.part {
width:350px;
padding:1px;
}
.part {
width:350px;
padding:1px;
}
/* ================================================================ 
drop down menu for produnt page
================================================================ */
#multi-level {
height:30px; 
position:relative; 
z-index:100;
}
#multi-level .pad {
float:left;
}
/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {
list-style-type:none; 
padding:0; 
margin:0; 
font-family:arial, sans-serif;
}
/* Set up the top level list items and float left to place inline */
.menu li.top {
display:block; 
float:left; 
position:relative;
}
/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {
border-collapse:collapse; 
width:0; 
height:0; 
position:absolute; 
top:0; 
left:0;
}
/* Default top link link styling */
.menu li.top a.top_link {
display:block; 
float:left; 
height:35px;
}
.menu li.top a span {
position:absolute; 
left:-9999px; 
top:0; 
z-index:0; 
font-size:10px;
}
 /* move the link text off screen */
/* pre-load the hover images into the lists */
.menu li.p1 {
width:65px; 
background:url(search/shortlength.gif) no-repeat;
}
.menu li.p2 {
width:90px; 
background:url(search/products_1.gif) no-repeat;
}
.menu li.p3 {
width:88px; 
background:url(search/services_1.gif) no-repeat;
}
.menu li.p4 {
width:91px; 
background:url(search/contacts_1.gif) no-repeat;
}
.menu li.p5 {
width:72px; 
background:url(search/shop_1.gif) no-repeat;
}
.menu li.p6 {
width:103px; 
background:url(search/privacy_1.gif) no-repeat;
}
/* set up the normal unhovered images in the links */
.menu li a#home {
width:65px; 
background:url(search/home_0.gif) no-repeat;
}
.menu li a#products {
width:90px; background:url(search/products_0.gif) no-repeat;
}
.menu li a#services {
width:88px; background:url(search/services_0.gif) no-repeat;
}
.menu li a#contacts {
width:91px;
 background:url(search/contacts_0.gif) no-repeat;
}
.menu li a#shop {
width:72px;
 background:url(search/shop_0.gif) no-repeat;
}
.menu li a#privacy {
width:103px; 
background:url(search/privacy_0.gif) no-repeat;
}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:200;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#home:hover, .menu li:hover a#home,
.menu li a#products:hover, .menu li:hover a#products,
.menu li a#services:hover, .menu li:hover a#services,
.menu li a#contacts:hover, .menu li:hover a#contacts,
.menu li a#shop:hover, .menu li:hover a#shop,
.menu li a#privacy:hover, .menu li:hover a#privacy 
{
background:transparent;
}
/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {
position:absolute; 
left:-9999px; 
top:-9999px; 
width:0; 
height:0;
}
/* set up the first drop down sub level */
.menu :hover ul.sub {
left:0; 
top:35px; 
background: 
#fff; 
padding:3px 0; 
border:1px solid #888; 
white-space:nowrap; 
width:93px; 
height:auto;
}
.menu :hover ul.sub li {
display:block; 
height:20px; 
position:relative; 
float:left; 
width:90px;
}
.menu :hover ul.sub li a {
display:block; 
font-size:11px; 
height:20px; 
width:87px; 
line-height:20px; 
text-indent:5px; 
color:#000; 
text-decoration:none; 
border:3px solid #fff; 
border-width:0 0 0 3px;
}
.menu :hover ul.sub li a.fly {
background:#fff url(search/arrow.gif) 80px 7px no-repeat;
}
.menu :hover ul.sub li a:hover {
background:#37a237; color:#fff;
}
.menu :hover ul.sub li a.fly:hover {
background:#37a237 url(search/arrow_over.gif) 80px 7px no-repeat; color:#fff;
}
.menu :hover ul li:hover > a.fly {
background:#37a237 url(search/arrow_over.gif) 80px 7px no-repeat; color:#fff;
} 
/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{
left:90px; 
top:-4px; background:#fff; 
padding:3px 0; 
border:1px solid #888; 
white-space:nowrap;
width:93px; 
z-index:200; 
height:auto; 
z-index:300;
 }