.navimages {
margin-top:200px;
}
#gallery {font:11px verdana,arial,sans-serif; width:750px; padding:0; line-height:15px; height:33px;}

#gallery div.off {color:#000; height:33px; margin-right:2px; line-height:33px; padding:0 20px; float:left; border:1px solid #ddd; cursor:pointer; position:relative; z-index:20;}
#gallery div.on {color:#c00; padding:0 20px; margin-right:2px; float:left; cursor:pointer; height:33px; line-height:32px; border:1px solid #ddd; position:relative; z-index:100;}

div.hide {display:none; width:0; overflow:hidden;}
div.show {background:#fff; margin-top:20px; position:relative; z-index:50; font:11px verdana, arial, sans-serif; line-height:18px;}
div.show ul {width: 600px; margin:0; padding:0; position:relative;}
div.show ul li {display:inline; width:75px; height:75px; list-style-type:none; margin:5px 5px 0 0; overflow:hidden;}
// div.show ul li a, div.show ul li a:visited {display:block; width:75px; height:75px; line-height:27px; color:#000; text-align:center; text-decoration:none; list-style:none;}

// div.show ul li a:hover {background:transparent; color:#c00; white-space:nowrap; line-height:29px;}
// div.show ul li a span {display:none;}
// div.show ul li a:hover span {display:block; position:absolute; left:200px; top:0;}
// div.show ul li a:hover span img {border:1px solid #000;}
.clear {clear:both;}

.inline li {
display:inline;
padding-left:25px;
padding-bottom:25px;
}


/* -----------------------------------*/
/* ----->>> Table of Contents <<<------

     - Global Settings
     - Header
     - Navigation
     - Site Content
     - Press Releases
     - Footer
*/

/* -----------------------------------*/
/* ------>>> Global Settings <<<------*/
/* -----------------------------------*/

* { margin: 0px; padding: 0px; }

html {
background: #FFFFFF;
}

body {
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
height:100%;
width:1000px;
margin:0px auto;
}
#wrap
{
width:100%;
background:#0000cd;
}

.searchresult
{
padding:0px 0px 5px 0px;
display:block;
border:1px solid #EEEEEE;
margin-top:3px;
height:35px;
vertical-align:top;
overflow:hidden;
}
.searchresult:hover
{
background:#EEEEEE;
}

.searchresult a
{
width:100%;
display:block;
margin:0px;
padding:0px;
}
.searchresultsdescription
{
margin:0px 0px 0px 0px;
padding:0px;
font-size:10px;
width:100%;
position:relative;
top:-4px;
}

img {
margin: 10px;
padding: 2px;
}

/* -----------------------------------*/
/* ---------->>> Header <<<-----------*/
/* -----------------------------------*/

.siteheader {
background: #fff url('/data/nnfl-banner.jpg') no-repeat right 0px;
clear: both;
font-size: 10px;
height: 348px;
margin: 0px;
width: 1000px;
border-bottom:1px solid #0000cd;
}

.siteheader h1 a {
display: block;
height: 200px;
position: absolute;
text-indent: -9999px;
width: 240px;
}

.header-slogan {
color: #fff;
text-align: right;
padding: 65px 20px 0 0;
font-size: 12px;
}

.header-slogan span {
font-size: 20px;
line-height: 20px;
}

.header-slogan a {
color: #fff;
text-decoration: none;
}

.header-slogan a:hover {
color: #3399cc;
}

#hnav {
background: #e0e0e0;
border: 1px solid #999;
clear: both;
height: 20px;
position: absolute;
top: 180px;
width: 800px;
}

#hnav a {
color: #494949;
display: block;
font-size: 11px;
font-weight: bold;
line-height: 20px;
margin-left: 5px;
padding: 0px 20px 0px 0px;
text-decoration: none;
vertical-align: middle;
}

#hnav a:hover {
color: #666;
}

#hnav ul {
clear: both;
list-style: none;
}

#hnav li {
right;
float: left;
}

#topnav-mini {
position: absolute;
top: 0px;
width: 800px;
text-align: right;
color: #666666;
padding-top: 10px;
font-size: 10px;
}

#topnav-mini ul {
margin: 0px; 
padding: 0px;
list-style: none;
}

#topnav-mini li {
display: inline;
}

#topnav-mini a {
color: #666;
text-decoration: none;
}

#topnav-mini a:hover {
color: #39c;
}

#email:hover {
color: #fff;
text-decoration: underline;
}

/* -----------------------------------*/
/* --------->>> Navigation <<<--------*/
/* -----------------------------------*/

.verticalnav,.verticalnav2
{
background-color:#0000cd;
float: left;
padding: 0px;
width: 200px;
height:100%;

}

.verticalnav ul,.verticalnav2 ul {
list-style: none;
}

.verticalnav li, .verticalnav2 li {
}

.verticalnav ul ul,.verticalnav2 ul ul {
background-color:#000cd;
list-style: none;
margin: 3px 0px 3px 15px;
}

.verticalnav li li,.verticalnav2 li li{
}

.verticalnav h3,.verticalnav2 h3 {
background: #F3F3F4;
border-bottom: 1px solid #636466;
color: #494949;
font-size: 12px;
font-weight: bold;
height: 20px;
line-height: 20px;
margin-top: 10px;
padding-left: 5px;
vertical-align: middle;
}

.verticalnav a, .verticalnav2 a {
color: #ffffff;
display: block;
font-size: 12px;
line-height: 1em;
margin: 0px;
padding: 5px 3px 6px 10px;
text-decoration: none;
font-weight:bolder;
}

.verticalnav li li a,.verticalnav2 li li a {
background-color:#0000cd;
border-bottom: none;
color: #CCCCCC;
display: block;
font-size: 12px;
padding: 5px 3px 6px 0px;
text-decoration: none;
}

.verticalnav a:visited,.verticalnav2 a:visited {
}

.verticalnav a:hover,.verticalnav2 a:hover {
color:#0000cd;
background-color:#ffffff;
text-decoration: none;
}

.verticalnav a:active {
}


/* -----------------------------------*/
/* -------->>> Site Content <<<-------*/
/* -----------------------------------*/

.sitecontent {
float: left;
font-family: Verdana, sans-serif;
padding: 5px 10px;
width:578px;
border-left:1px solid #000000;
border-right:1px solid #000000;
min-height:900px;
height:100%;
background:#FFFFFF;
}

.sitecontent img
{
float:left;
}
.sitecontent h1, .sitecontent h2, .sitecontent h3, .sitecontent h4 {
color: #000;
line-height: 1.2em;
} 

.sitecontent h1 {
font-size: 18px;
}

.sitecontent h2 {
font-size: 16px;
}

.sitecontent h3 {
}

.sitecontent h4 {
}

.sitecontent p {
margin: 0.8em 0;
}

.sitecontent ul {
clear: both;
margin: 5px 0 5px 50px;
}

.sitecontent ol {
margin: 5px 0 5px 50px;
}

.sitecontent a {
color: #0c2474;
}

.sitecontent a:visited {
}

.sitecontent a:hover {
}

.sitecontent a:active {
}

.companies img {
margin-bottom: 15px;
padding-bottom: 20px;
border-bottom: 2px solid #eee;
}
a.previouslink
{
float:left;
}
a.nextlink
{
float:right;
}


/* -----------------------------------*/
/* ------->>> Press Releases <<<------*/
/* -----------------------------------*/

.pressreleases {
}

.pressreleases a {
}

/* -----------------------------------*/
/* ----------->>> Footer <<<----------*/
/* -----------------------------------*/

.footer {
background: #ECECEC;
border: 1px solid #999;
border-bottom: 0;
clear: both;
color: #000027;
font-size: 10px;
padding: 5px 20px;
text-align: center;
}

.footer p {
margin: 5px 0;
}

.footer img {
border: none;
}

.bottom {
background: #ECECEC;
border: 1px solid #999;
border-top: 0;
font-size: 10px;
padding: 5px 20px 10px 20px;
}

.bottom a:link {
}

.bottom a:visited {
}

.bottom a:hover {
}

.bottom a:active {
}

/* -----------------------------------*/
/* ----------->>> Useful <<<----------*/
/* -----------------------------------*/

.right { float: right; }

.left { float: left; }

.center { 
margin: 0px auto;
text-align: center;
}

/* -----------------------------------*/
/* ----------->>> Catalog <<<---------*/
/* -----------------------------------*/
.productlist
{
width:100%;
}
.pagelinks
{
width:100%;
clear:both;
}

.productsummary
{
padding-top:10px;
padding-bottom:10px;
display:block;
float:left;
width:223px;
height:100px;
overflow:hidden;
margin:0px auto;
}

.productsummary img {
margin:0px 8px;
border: 1px solid #e3e3e3;
float:left;
width:auto;
}
.productdescription
{
float:left;
width:200px;
clear:right;
}
.productdescription ul
{
padding:0px;
margin-left:20px;
list-style-type:square;
font-size:10px;
}

.productinfo
{
padding-top:10px;
}

.productinfo img
{
float:left;
padding-right:10px;
padding-bottom:10px;
}

.productinfooptions
{
padding-top:10px;
width:100%;
display:block;
clear:both;
}
.productoption
{
float:left;
display:block;
width:150px;
clear:left;
}
.optiontext
{
display:block;
width:200px;
clear:right;
}
.subproducts
{
display:block;
margin-top:20px;
width:90%;
position:relative;
}
.subproducts h3
{
font-size:14px;
}
.subproduct
{
width:100%;
border-bottom:1px solid;

}

.productname
{
display:block;
clear:both;
}
.productprice
{
}

.SubCategoryDisplay
{
display:block;
margin:10px auto;
background:#EEEEEE;
clear:both;
width:90%;
}

.SubCategoryDisplay h3
{
text-align: center;
font-size: 14px;
padding: 2px 0 3px 0;
margin: 15px 0 5px 0;
background: #CCC;
}

.subcategorylink
{
width:48%;
display:block;
float:left;
margin:5px;
padding-bottom:5px;
padding-left:5px;
}
.subproducttable th
{
position:relative;
font-weight:bold;
background:#CCCCCC;
padding: 0 20px;
}
.subproductlink
{
text-decoration:none;
}

.CatalogCategoryH1 {
margin: 5px 0;
}

.producttext {
margin: 10px 0;
}

.nextlink, .previouslink {
background: #eee;
color: #fff;
margin: 10px;
padding: 4px 8px 5px 8px;
}

.relatedproducts
{
}
.relatedproducts h3
{
font-size:14px;
color:#163418;
}
.relatedproduct
{
border-bottom:1px solid #163418;
}
a.relatedproduct
{
text-decoration:none;
color:#163418;
border-bottom:none;
}

.featuredproducts
{
text-align:right;
width:175px;
margin:0px;
padding:0px;
}
.featuredproducts h3
{
font-size:12pt;
color:#163418;
width:175px;
text-align:right;
}

a.featuredproduct
{
text-decoration:none;
color:gray;
width:174px;
}

a.featuredproduct:hover
{
color:#FFFFFF;
background-color:gray;
}
a.cartbutton {
font-size: 10px;
padding:2px 3px 2px 3px;
background-color:#CCCCCC;
color:#FFFFFF;
}

.cartbutton:hover {
background-color:#FFFFFF;
color:#CCCCCC;
cursor:pointer;
}

/* -----------------------------------*/
/* ----------->>> Tab Display <<<-----*/
/* -----------------------------------*/
.tabs
{
display:table;
width:100%;
clear:both;
margin-bottom:10px;
}

ul.shadetabs{
font: bold 12px Verdana;
list-style-type: none;
text-align: left;
display:table;
width:100%;
margin:0px;
padding:0px;
clear:both;
left:0px;
border-bottom:0px;
background-color:transparent;
height:20px;
border-bottom:1px solid gray;
}

.shadetabs li{
border-top:1px solid gray;
border-right:1px solid gray;
border-left:1px solid gray;
border-bottom:1px solid gray;
margin:0px;
padding:2px 5px 2px 5px;
float:left;
width:75px;
height:15px;
background:gray url('/data/shade.gif') repeat-x;
z-index:2;
}

li.selectedtab
{
background:#FFFFFF url('/data/shadeactive.gif') repeat-x;
border-bottom:1px solid #FFFFFF;
}

.shadetabs li a
{
text-decoration:none;
width:100%;
}

.tabcontent div{
border-top:1px solid gray;
border-bottom:1px solid gray;
border-left:1px solid gray;
border-right:1px solid gray;
display:block;
padding:5px;
margin-top:-1px;
background:#EEEEEE;
}

#tablestyle
{
z-index:-1;
}