/* @override http://localhost/_navigation.css */

/* @group NAVIGATON */



/* @group NAVIGATION main */

#navigation {
	position: absolute;
	top: 70px;
	left: 380px;
}

#navigation li {
	list-style: none;
	float: left;
}

#navigation a {
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	height: 25px;
}

#navigation span {
	/*color: white;*/
	display: none;
}

ul a:link, ul a:visited { /*white*/	
	background-position: 0 -25px;
}

ul a:hover, ul a:active {/*orange*/	
	background-position: 0 0px;
}
/* @group background-images */

li.dot {
	display: block;
	height: 25px;
	width: 26px; 
	background: url(images/design/nav_dot.jpg);
}

a#home		{width: 58px;background-image: url(images/design/nav_home.jpg);}
a#why		{width: 110px;background-image: url(images/design/nav_why.jpg);}
a#history	{width: 66px;background-image: url(images/design/nav_history.jpg);}
a#product	{width: 81px;background-image: url(images/design/nav_catalog.jpg);}
a#video 	{width: 180px;background-image: url(images/design/nav_videos.jpg);}
a#contact	{width: 74px;background-image: url(images/design/nav_contact.jpg);}

/* @end */

/* @group current page highlight */

#indexpage   ul#navigation a:link#home,    #indexpage   ul#navigation a:visited#home,
#whypage 	 ul#navigation a:link#why,	   #whypage 	ul#navigation a:visited#why,
#historypage ul#navigation a:link#history, #historypage ul#navigation a:visited#history,
#productpage ul#navigation a:link#product, #productpage ul#navigation a:visited#product,
#videopage   ul#navigation a:link#video,   #videopage   ul#navigation a:visited#video,
#contactpage ul#navigation a:link#contact, #contactpage ul#navigation a:visited#contact

{background-position: 0 -50px;}

/* @end */

/* @end */

/* @end */



/* @group SQUISHY */
/*------------- SQUISHY */
#subnav { 
	float: left;
	text-align: right;
	width: 200px;
	position: relative;
	left: -25px;
	font-size: 80%;
	display:block;
}

/*#categories {
	float: left;
}*/
.catlink {
	margin: 4px 0 6px 0;
	padding: 0;
	width: 150px;
	-moz-border-radius: 12px;
}

a.catlink {
	display: block;
	padding: 4px 12px;
	text-decoration: none;
	color: #787878;
	/*text-indent: 15px;*/	
	/*white-space: nowrap;*/
}
a:hover.catlink {
	background-color: #ebebeb;
}

a.current.catlink {
	color: #F7F7F7;
	text-transform: uppercase;
}
#subnav ul li a.catlink { 
	background-color: #9d8a58;
	color: #fff;;
}
#subnav ul li a:hover.catlink { 
	background-color: #b5b5b5; 
}
#subnav ul li ul.subtable a.catlink { 
	/*background-color: #c6c1a4;*/
	color: #787878;
	background-color:#ebebeb;
}
#subnav ul li ul.subtable a:hover.catlink {
	color:#fff;	 
	background-color:#cbcbcb;
}
.subcatlink {
	margin: 2px 0 5px 0;
	padding: 0;
	/*width: 190px;*/
	-moz-border-radius: 12px;
}
a.subcatlink {
	display: block;
	padding: 4px 5px;
	text-decoration: none;
	color: #787878;
	background-color:#ebebeb; 
	/*text-indent: 50px;*/
	white-space: nowrap;
}
a:hover.subcatlink {	
	background-color: #F7F7F7;
}
a.current.subcatlink {
	color: #000;
	text-transform: uppercase;
}


/* @end */

#subnav .subtable {display:none;}

/* @group PRODUCTS */

#productpage.prod-apparel #subnav ul li ul.subtable.apparel {display:block;}
#productpage.prod-consumables #subnav ul li ul.subtable.consumables {display:block;}
#productpage.prod-packaging #subnav ul li ul.subtable.packaging {display:block;}
#productpage.prod-medical #subnav ul li ul.subtable.medical {display:block;}
#productpage.prod-tools #subnav ul li ul.subtable.tools {display:block;}
#productpage.prod-outdoor #subnav ul li ul.subtable.outdoor {display:block;}

/* @end */

/* @group BOTTOM NAV */
#bottomnav { 
	display: block;
	clear: both;
	font-size: 75%;
	text-align: center;
	width:520px;
	margin:0 auto;
}
ul#bottomnav { 
	display: inline-block;
	clear: both;
	text-align: center;
}
#bottomnav li { 
	float: left;
	padding: 10px;
}
#bottomnav a{ 
	text-decoration: none;
}
/* @end */