/* PRODUCT NAV */

#productnav {
	font: bold 11px/12px arial,helvetica,sans-serif;
	text-align:center;
	border:0; margin: 0; padding:0;
	height:46px;
	width: 100%;
	list-style: none;
	}
	
#productnav2 {
	font: bold 11px/12px arial,helvetica,sans-serif;
	text-align:center;
	border:0; margin: 0; padding:10px 0 0;
	height:20px;
	width: 100%;
	list-style: none;
	}	

#productnav ul, #productnav2 ul {
	list-style: none !important;
	border:0; margin:0; padding:0;
	text-align:center;
	}
		
#productnav li, #productnav2 li {
	list-style: none !important;
	float:left;
	margin:0; padding:0; border:0;
	line-height:normal;
	width:110px;
	height:15px;
	}

#productnav li.how, #productnav2 li.how {margin-left:53px;}
#productnav li.reviews, #productnav2 li.reviews {margin-left:40px;}
#productnav li.second, #productnav2 li.second {margin-left:110px;}
#productnav li.about, #productnav2 li.about {margin-left:70px;}
#productnav li.contact, #productnav2 li.contact {margin-left:120px;}
#productnav li.news, #productnav2 li.news {margin-left:160px;}
#productnav li.short, #productnav2 li.short {width:80px;}
#productnav li.long, #productnav2 li.long {width:130px;}
#productnav li.long, #productnav2 li.long {width:130px;}

/* below is where you specify the height of the block and the display */
		
#productnav li a, #productnav2 li a {
	list-style: none !important;
		background:transparent;
		background-position:0 0;
		background-image:none;
		display: block;
		color: #fff;
		text-align:center;
		text-decoration: none;
		padding:0; margin:0; border:0;
		height:15px;
		background:#fff url(/images/nav_button.gif) no-repeat;
		}

html>body #productnav li a, #productnav2 li a  {height:14px; padding:1px 0 0 0;} 
/* what we really want - IE 4/5/6 can't see */


#productnav li.short a, #productnav2 li.short a {	background:#fff url(/images/nav_button-short.gif) no-repeat;}
#productnav li.long a, #productnav2 li.long a {	background:#fff url(/images/nav_button-long.gif) no-repeat;}
#productnav li.long a, #productnav2 li.long a {	background:#fff url(/images/nav_button-long.gif) no-repeat;}


	#productnav li a:hover, #productnav2 li a:hover {
		background-position: 0 -15px;
		}

	#productnav li#active a, #productnav2 li#active a {
		background-position: 0 -15px;
		}


/* PRODUCT NAV */
		
#ternav { 
	text-align:center;
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: 11px; 
	line-height:16px;
	color:#000;
	margin:0 0 1em 0;
	clear:both;
	}
	
	
	#ternav a { text-decoration:underline; }

	#ternav a#active { font-weight:bold; }