body
{
	background-color: #EEEEEE;
}


/*********************************** 
		Wrapper / Main Box
***********************************/
.wrapper
{
	margin:0px auto; 
	width:800px; 
	background-color:white; 
	border:3px solid black;
}

/*********************************** 
			Header
***********************************/
.header
{
	position: relative;
	text-align: center;
	background-image: url(images/navbar.gif); 
	background-repeat: no-repeat;
}

.navbar
{
	height: 122px;
}


/*********************************** 
			Top Menu Bar 
***********************************/
.topnav
{
	padding-top: 78px;
	text-align: right;
	margin: 0px auto; 
	border: none;
}

.topnav a
{
	color: white; 
	font-size: 11px;
	font-weight: normal;
	padding: 6px;
}

.topnav a:link
{
	text-decoration: none;
}

.topnav a:visited
{
	text-decoration: none;
}

.topnav a:hover
{
	color: #CCCCFF;
	text-decoration: none; 
}

/*********************************** 
			Bottom Menu Bar 
***********************************/
.bottomnav
{
	position: absolute;
	left: 470px;
	top: 97px;
	text-align: left;
	margin: 0px auto; 
	vertical-align: middle;
	padding: 6px;
}

.bottomnav a
{
	color: white;
	font-size: 11px;
	font-weight: normal;
	padding: 5px;
}

.bottomnav a:link
{
	text-decoration: none;
}

.bottomnav a:visited
{
	text-decoration: none;
}

.bottomnav a:hover
{
	color: #CCCCFF;
	text-decoration: none; 
}

/*********************************** 
			Search Bar 
***********************************/
.search
{
	position: absolute;
	right: 0px;
	top: 97px;
	text-align: right;
	margin: 0px auto; 
	vertical-align: middle;
	padding: 6px;
}

input.searchbox
{
	border: 1px solid black;
	background-color: white;
	font-size : 7pt;
	height: 10px;
	padding-top: -1px;
}

input.searchbutton
{
	padding-bottom: 2px;
	padding-top: 2px; 
	vertical-align: middle;
}

/*********************************** 
			Breadcrumbs 
***********************************/
.crumbs
{
	position: absolute;
	left: 8px;
	top: 95px;
	text-align: left;
	font-size : 11px;
	color: #000080;
	padding-top:3px;	
}

.crumbs a
{
	padding: 0px 4px;
}
.crumbs a:link
{
	color: #000080;
	text-decoration: none;
}

.crumbs a:visited
{
	color: #000080;
	text-decoration: none;
}

.crumbs a:hover
{
	color: #0000A5;
	text-decoration: underline;
}

/*********************************** 
			Page Menu 
***********************************/
.pagemenu
{
	float: left;
	padding: 2px 0px 20px 0px;
	display: block;
	width: 350px;
	text-align: left;
	font-size : 11px;
	color: #000080;
}

.pagemenu a
{
	padding: 0px 4px;
}
.pagemenu a:link
{
	color: #000080;
	text-decoration: none;
}

.pagemenu a:visited
{
	color: #000080;
	text-decoration: none;
}

.pagemenu a:hover
{
	color: #0000A5;
	text-decoration: underline;
}

/*********************************** 
			Side Bar/Menu 
***********************************/
.sidebar
{
	float: left;
	padding: 40px 30px;
	text-align: left;	
}

.sidenav a
{
	display: block;
	width: 144px;
	padding: 6px 2px 6px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #0000A0;
	background-image: url(/images/shadow.gif); 
	background-position: 152px 0px;
	background-repeat: no-repeat;
	background-color: #f0f0f0;
}

.sidenav #top a
{
	background-image: url(/images/shadow-top.gif);
}

.sidenav #bottom 
{
	width: 156px;
	height: 10px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(/images/shadow-bottom.gif);
	background-position: 0px 0px;
}


.sidenav hr
{
	width: 152px;
}

.sidenav a:link
{
	text-decoration: none;
}

.sidenav a:visited
{
	text-decoration: none;
}

.sidenav a:hover
{
	background-color: #B0B0FF;
	text-decoration: none;
}


/*********************************** 
		   Product Pages
***********************************/
.category {
	color: #0000A0;
	font-weight: bold;
	font-size: 12pt;
	background-color:#EEEEEE; 
	padding:6px 0px;
	margin-top: 10px;
	text-align: center;
	width: 100%;
	display: block;
	clear: left;
}

.prod
{
	float:left; 
	width:50%;
}

.prod .inner
{
	position: relative;
	display: block;
	height: 80px;
	width:375px;
	padding:10px;
}

.thumb
{
	position: relative;
	float: left;
	display: block;
	width: 80px;
	height: 80px;
}

.thumb .normal
{
	position: absolute;
	z-index: 1; 
	top: 0px;
	left: 0px;
}

.thumb .hover
{
	position: absolute;
	z-index: 0; 
	top: 0px;
	left: 0px;
}

.prod img
{
	filter: alpha(opacity=100);
	opacity:1.0;
	float: left;
	border: 0;
	width: 80px;
}

.prod a:hover img
{
	filter: alpha(opacity=0);
	opacity:0;
}

.prod-id
{
	font-size: 11pt;
	font-weight: bold;
	color: #0000A0;
}

.prod-name
{
	font-size: 10pt;
	font-weight: bold;
	color: #037144;
}

.prod-name a
{
	color: #037144;
}

.prod-desc
{
	font-size: 8pt;
	font-weight: normal;
	font-style: italic;
	color: #000000;
}

.prod-desc a
{
	font-weight: normal;
}

.blocks
{
	font-size: 10pt;
	font-weight: normal;
	font-style: italic;
	color: #0000A0;
}
/*********************************** 
		Other Pages
***********************************/

.polaroid 
{
	float: left;
	padding: 10px 20px;
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	color: black;
}

.polaroid img
{
     padding:12px 12px 8px 12px;
	 width: 200px;
     border:1px solid black;
     background:white;
}

.polaroid_single
{
	float: center;
	padding: 10px 20px;
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	color: black;
}

.polaroid_single img
{
     padding:12px 12px 8px 12px;
	 width: 200px;
     border:1px solid black;
     background:white;
}

.polaroidtext {
    position:relative;
    top: -50px;
}

.address
{
	float: left;
	padding: 7px 10px;
	text-align: left;
	font-size: 9pt;
	font-weight: bold;
	color: black;
}


/************************************
          Popup/Hover Boxes
************************************/

.hoverbox
{
	position: absolute;
	z-index: 50;
	top: 0;
	left: 0;
	width: 400px;
	height: 230px;
	display: none;
}

.hoverbox .inner
{
	position: absolute;
	/* NOTE: The position will be set by the calling script */
/*	top: 0;
	left: 0;*/
	/* NOTE: The height should be 50 less than the hoverbox height to provide for the bubble-pointer */
	width: 400px;
	height: 180px;
	display: block;
	background-color: white;
	border: 1px solid black;
/*	padding:10px; */
}

.hoverbox .thumb
{
	position: relative;
	float: left;
	display: block;
	width: 130px;
	height: 130px;
}

.hoverbox .thumb img
{
	width: 130px;
	height: 130px;
}

.hoverbox a:hover img
{
	filter: none;
	opacity: 1.0;
}

.ext-desc
{
	padding-top: 7px;
	font-size: 12px;
	color: black;	
}

.ext-desc a
{
	color: #0000A0;
}

.hoverbox .links
{
	clear: both;
	text-align: center;
	height: 16px;
	padding-top: 15px;
	font-size: 12px;
}

.hoverbox .links img
{
	padding: 0 5px 0 10px; 
	border: 0px;
	width: 16px;
/*	float: none;*/
}

.hoverbox .links a
{
	padding: 0 5px 0 10px; 
	border: 0px;
	float: left;
}

.hoverbox .bubble
{
	position: absolute;
	width: 21px;
	height: 50px;
	display: block;
	background-repeat: no-repeat;
}
/************************************
      Individual Product Pages
************************************/

.txt-panel{
	float:left; 
	width:50%;
	padding-left:7px;
}

.img-panel {
	float:right; 
	width:48%; 
	padding:0px;
	text-align:center;
}


.img-caption {
	font-size: 11pt;
	font-weight: bold;
	color: #000000;
	padding-top: 3px;
}

.headers {
	font-size: 10pt;
	font-weight: bold;
	font-style:normal;
	color: #0000A0;
}

.bullets {
	font-size: 10pt;
	font-weight: normal;
	font-style:normal;
	color: black;
}

.manual-bullets {
	font-size: 10pt;
	font-weight: normal;
	font-style:normal;
	color: black;
}

.manual-bullets a {
	font-weight: normal;
}

ul, ol
{
	font-size: 10pt;
	font-weight: normal;
	font-style:normal;
	color: black;
	list-style-position: outside;
	margin: 0px 10px 0px 14px;
	padding: 0;
}

.sub-bullet{
	display: none;
	padding: 0px 0px 10px 15px;
}

.notes{
	font-size: 9px;
	font-weight: normal;
	font-style:normal;
	color: black;
}

.disclaimer{
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
	color: black;
	margin: 0px 70px 0px 70px;
}


/**********************************
		Library Tables
**********************************/
.news-table
{
	width: 800px;
	border: none;
}

table.manuals
{
	width: 75%;
	border: none;
}

.lib-thumb
{
	width:70px;
	height:110px;
}

.lib-thumb img
{
	width:70px;
	height:90px;
	border:none;
}

.lib-contents
{
	width:130px;
	font-size: 10px;
	font-weight: normal;
	font-style:normal;
	color: black;
}

.small-text
{
	font-size: 10px;
	font-weight: normal;
	font-style:normal;
	color: black;
	line-height: 9px;
}

/*********************************** 
		  Request Info Form 
***********************************/
.formbox
{
	width: 650px; 
	background-color: #EEEEEE;
	border: 1px dotted #333; 
	padding: 5px;
	margin: 0px auto;
	font-size: 12px;

}
.formrow 
{
	clear: both;
	padding-top: 10px;
}

.formrow span.label 
{
	float: left;
	width: 250px;
	text-align: right;
}

.formrow span.field 
{
	float: right;
	width: 380px;
	text-align: left;
} 

.formbuttons
{
	text-align:center;
}

/*********************************** 
		  NGR Info Form 
***********************************/
.ngrbox
{
	width: 650px; 
	background-color: #eeeeee;
	border: 1px dotted #333; 
	padding: 5px;
	margin: 0px auto;
	font-size: 12px;
}

.ngrbox input.readonly 
{
	text-align: center;
	background-color: #eeeeee;
	border: 1px solid #000099; 
} 

.ngrbox input.warning 
{
	color: red;
	text-align: left;
	background-color: #eeeeee;
	border: none; 
} 

.ngrbox input.writable 
{
	text-align: right;
	border: 1px solid #000099; 
} 

.ngrrow 
{
	clear: both;
	padding-top: 10px;
}

.ngrrow span.label 
{
	float: left;
	width: 260px;
	text-align: right;
}

.ngrrow span.field 
{
	float: right;
	width: 370px;
	text-align: left;
} 

.ngrheader 
{
	clear: both;
	color: #000099;
	padding-left: 10px;
	padding-top: 10px;
	font-weight: bold;
	text-align: left;
} 

.ngrsubheader 
{
	clear: both;
	padding-top: 10px;
	padding-left: 75px;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	position: relative;
} 

.ngrsubheader span.radioname
{
//	padding-top: 4px;
	text-align: left;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	position: absolute;
	left: 100px;
}

.ngrsubheader span.description
{
//	padding-top: 4px;
	text-align: left;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	position: absolute;
	left: 175px;
} 

.ngrbuttons
{
	clear: both;
	padding-top: 10px;
	text-align:center;
}

.ngrnote
{
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
}


.ngrversion
{
	clear: both;
	font-size: 10px;
	font-style: normal;
	padding-top: 5px;
	text-align: right;
}

/*********************************** 
		General	Site Content
***********************************/
body
{
	font-family: Arial, Helvetica, sans-serif;
}

.spacer
{
	display: block;
	height: 15px;
	width: 100%;
	clear:both;
}

.row
{
	display: block;
	margin: 20px;
}

.page-title
{
	font-size: 16px;
	font-weight: bold;
	color: #000099;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
}

h1
{
	color: black;
	font-size: 12pt;
}

h2
{
	color: #000099;
	font-size: 16px;
	font-weight: bold;
}

p
{
	text-align: justify;
	color: black;
	font-size: 12px;
	padding-left: 30px;
	margin-right: 30px;
}

a
{
	font-weight: bold;
	color: #0000A0;
	text-decoration: none;
}

a:link, a:visited
{
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a img
{
	border: none;
}


/*********************************** 
			Page Footer 
***********************************/

.footer 
{
	clear: both; 
	position: relative;
	background-color: #0000A0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: italic;
	color: white;
	width: 794px;
	vertical-align: top;
	padding: 4px 3px 12px 3px;
	min-height: 46px;
	height: 46px;
}

.footer a
{
	color: white;
	font-weight: normal;
}


.footer #left
{
	float: left;
	text-align: left;
}


.footer #right
{
	position: absolute;
	text-align: right;
	right: 0;
	width: 200px;
}

.footer #center
{
	position: absolute;
	right: 300px;
	text-align: center;
}


/*********************************** 
			News Items 
***********************************/

.news 
{
	clear: both; 
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: italic;
	color: black;
	vertical-align: top;
	padding: 10px;
}

.news a
{
	font-weight: normal;
}


.ad-panel {
	
	padding:0px 0px 0px 0px;
	
}