body {

	color: #333;
	margin: 18px 0 0;
}

body.home {
	background-position: 0 120px;
}

body, td, div {
	font: 11px/14px Arial, Helvetica, sans-serif;
}
form {
	margin: 0;
	padding: 0;
}

.expand_header 
{
	margin:2px 0px 2px 20px;
}

.expand_file 
{
	margin:2px 0px 2px 20px;
}

.carrot 
{
	float:left;
	cursor:pointer
}

.link 
{
	cursor:pointer;
	color: #006633;
	text-decoration: none;
	font-weight: bold;
}

.link:hover
{
	cursor:pointer;
	color: #006633;
	text-decoration: none;
	font-weight: bold;
	text-decoration: underline;
}

input, select 
{
	font-size: 11px;
	font: Arial, Helvetica, sans-serif;
}	

p { margin: 1em 0 0; }

#photos a.photoLinkOn
{
	color: #006633;
	text-decoration: none;
	font-weight: bold;
}

#photos a.photoLinkOn:hover
{
	color: #006633;
	text-decoration: underline;
	font-weight: bold;
}

#photos a.photoLinkOff {
	color: #006633;
	text-decoration: none;
	font-weight: normal;
}

#photos a.photoLinkOff:hover 
{
	color: #006633;
	text-decoration: underline;
	font-weight: normal;	
}

a:link,a:visited {
	color: #006633;
	text-decoration: none;
	font-weight: bold;
}
a:hover,a:active {
	text-decoration: underline;
}

a.more {
	font-style: italic;
}

a.header 
{
	font-weight:bold;
}

hr {
	color: #EFEFEF
}

hr.product {
	color: #8CD88D;
	width: 570px;
}

#login {
	text-align: left;
	padding-right: 10px;
	color: #ccc;
	margin-bottom: 1px;
}

#login a:link a:visited {
	text-align: left;
	padding-right: 10px;
	color: #ccc;
	margin-bottom: 1px;
}

#head {
	background: #006633 url(../_images/head_right.gif) no-repeat top right;
	width: 760px;
	height: 79px;
	margin-bottom: 1px;
	position: relative;
}

#head h4 {
	display: block;
	margin: 0;
	padding: 19px 0 0 10px;
}

#head #date {
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	
	position: absolute;
	top: 10px;
	left: 575px;
}

#head #search {
	position: absolute;
	top: 38px;
	left: 575px;
}

#head #search #k {
	width: 100px;
	font: 9px Verdana, Helvetica, sans-serif;
	position: relative;
	top: -2px;
	margin-right: 3px;
}
	

#nav {
	background: #006633;
	text-align: right;
	margin-bottom: 1px;
	padding-right: 111px;
	
	height: 21px;

	width: 760px;
	voice-family: "\"}\""; voice-family: inherit;
	width: 649px;
}
html>body #nav {	
	width: 649px;
}

#nav ul,#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	height: 21px;
}
#nav ul { float: right;	}
#nav li { float: none; display: inline; }
/* IE5/Mac won't nest an absolutely positioned element inside a div \*/
#nav li { float: left; display: block; }
/* end IE5/Mac hack */

.sublinks {
	display: block;
	margin: 1px 0 0;
	padding: 0;

	list-style: none;
}
.separate {
	margin-top: 12px;
}
.sublinks li {
	display: block;
	padding: 4px 0 4px 10px;
	background: #e1e3e4;
	margin-bottom: 1px;
/*	border-bottom: 1px solid #fff; */
	list-style: none;

}
.sublinks li a:link,.sublinks li a:visited {
	font-weight: normal;
}
.sublinks li.current a:link,.sublinks li.current a:visited {
	font-weight: bold;
}

.feature .sublinks {
	margin-top: 25px;
}

table, tr, td {
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	border: 0;
	border-width: 0;
	vertical-align: top;
}

/* this is to fix something weird with mozilla */
div.c {
	display: block;
	position: relative;
}

#content {
	background: #ffffff url(../_images/column_back.gif) repeat-y top left;
}

.productmain {
	width: 530px;
	}

#content div.c {
 	padding: 50px 211px 10px 10px;

	width: 569px;
	voice-family: "\"}\""; voice-family: inherit;
	width: 348px;
}
html>body #content div.c {	
	width: 348px;
}
body.product #content div.c {
	padding-right: 10px;
	width: 368px;
	voice-family: "\"}\""; voice-family: inherit;
	width: 348px;
}
html>body.product #content div.c {	
	width: 348px;
}
	
div.rightProductNav
{
	width:139px;
}

div.product {
	display: block;
	position: relative;
}

#content div.product {
 	padding: 55px 0px 10px 1px;

	width: 569px;
	voice-family: "\"}\""; voice-family: inherit;
	width: 569px;
}
html>body #content div.product {	
	width: 569px;
}

td.productHeader 
{
	width: 569px;
	height: 25px;
	vertical-align: middle;
	background-color:#CCE4D6;
}

td.nav 
{
	height: 18px;
}

td.subnav 
{
	height: 18px;
}

#content h1 {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	margin: 0;
}

#content .footnote {
	font: 10px/13px Arial, Helvetica, sans-serif;
	font-style: italic;
}

#content .photo {
	position: absolute;
	top: 10px;
	left: 380px;
}
#content .photo1 {
	position: absolute;
	top: 10px;
	left: 380px;
}
#content .photo2 {
	position: absolute;
	top: 10px;
	left: 380px;
}
#content .photo3 {
	position: absolute;
	top: 10px;
	left: 380px;
}

#content .photo4 {
	position: absolute;
	top: 10px;
	left: 380px;
}

#content .photo img,.photo img {
	display: block;
	padding-right: 19px;
	background: url(../_images/pattern3.jpg) no-repeat center right #5DB473;
}

/* with multiple classes we can just override the image: */
.var1 img {
	background-image: url(../_images/pattern1.jpg) !IMPORTANT;
}
.var2 img {
	background-image: url(../_images/pattern2.jpg) !IMPORTANT;
}
.var3 img {
	background-image: url(../_images/pattern3.jpg) !IMPORTANT;
}
.var4 img {
	background-image: url(../_images/pattern2.jpg) !IMPORTANT;
}

body.product td.photoCol {
	width: 211px;
	background: #FFF;
}
body.product .photo {
	position: relative !IMPORTANT;
	padding-left: 13px;
	padding-top: 10px;
}

#content .photo1 img {
	display: block;
	padding-right: 19px;
	background: url(../_images/pattern3.jpg) no-repeat center right #5DB473;
}

#content .photo2 img {
	display: block;
	padding-right: 19px;
	background: url(../_images/pattern2.jpg) no-repeat center right #5DB473;
}

#content .photo4 img {
	display: block;
	padding-right: 19px;
	background: url(../_images/pattern2.jpg) no-repeat center right #5DB473;
}

#content .photo3 img {
	display: block;
	padding-right: 19px;
	background: url(../_images/pattern3.jpg) no-repeat center right #5DB473;
}

#content .photo p {
	color: #006633;
	font-weight: bold;
	width: 185px;
}

#content .photo1 p {
	color: #006633;
	font-weight: bold;
	width: 185px;
}
#content .photo2 p {
	color: #006633;
	font-weight: bold;
	width: 185px;
}
#content .photo3 p {
	color: #006633;
	font-weight: bold;
	width: 185px;
}

#content .photo4 p {
	color: #006633;
	font-weight: bold;
	width: 185px;
}

#content #crumbs {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 347px;
	color: #006633;
	font-size: 10px;
}
#content #crumbs a {
	font-weight: normal;
}
#content #crumbs h4 {
	font-weight: normal;
	font-size: 14px;
	display: inline;
}

#left,#right,#links,#news,#events,.feature {
	position: relative;
	background: #ffffff;
	padding: 10px;
	width: 170px;
	voice-family: "\"}\""; voice-family: inherit;
	width: 190px;
}


body>html #left,body>html #right,body>html #links,body>html #news,body>html .feature {
	width: 190px;
}

#sub_cont, #sub_endo, #sub_brach {
	width: 170px;
}

#left .pullquote {
/*	position: absolute;
	top: 203px;
	left: 0px;	*/
	padding: 30px 0 5px;
	display: block;
}

.feature { background: #ffffff url(../_images/column_back.gif) repeat-y top left; }
#news	{ background: #ffffff url(../_images/news_back.gif) no-repeat top left; }
#feat3 { width: 172px; }

body.home #left, body.home #links, body.home #news, body.home #events {
	padding: 8px 12px 0;
	width: 356px;
}

body.home #right {
	padding: 12px;
	width: 356px;
}
body.home #right div.c { width: 356px; }
/* IE5/Mac doesn't like this: \*/
body.home #right div.c { width: auto; }
/* end IE5/Mac hack */

body.home #links, body.home #news  {
	height: 160px;
}
body.home #links .sublinks {
	width: 170px;
}

body.home #right {
	background: #D7F1E8 url(../_images/column_back.gif) repeat-y top left;
}

body.home h2 {
	padding: 0;
	margin: 2px 0 9px;
}

body.home h3 {
	padding: 0;
	margin: 0 0 10px;
	font-size: 11px;
	font-weight: bold;
	color: #006633;
}
body.home #right h3,body.home #right p {
	margin-left: 190px;
}
body.home #right h3 {
	margin-top: 20px;
}

body.home #links h3 {
	margin-left: 10px;
}
body.home #left .imgMain {
	margin-top: 16px;
}

body.home #right img.main {
	padding-right: 10px;
	float: left;
}

body.home #right .sublinks {
	margin-left: 180px;
}

body.home #right .sublinks li {
	background: #fff;
}

.feature h2 {
	padding: 0;
	margin: 17px 0 10px;
}

.feature h3 {
	padding: 0;
	margin: 0 0 9px;
	
	color: #006633;
	font-size: 11px;
}

.feature p {
	margin: 0 0 10px;
}

#footer {
	width: 563px;
	color: #333333;
	font-size: 10px;
	margin: 0;
	padding: 10px 0 0 197px;
	border-top: #006634 1px solid;
}

#footer a {
	color: #333333;
	font-weight: normal;
	margin: 0 3px;
}

#footer .copy {
	margin: 3px;
}

.references {
	font-size:9px;
}

/* ------------------------------------
   product grid
------------------------------------ */
   
table.prodgrid {
	margin: 1em 0 0;
	border-collapse: collapse;
	border-bottom: 1px #66CC66 solid;
}

table.prodgrid th, table.prodgrid td {
	font: 11px/14px Arial, Helvetica, sans-serif;
	border: 1px #66CC66 solid;
	border-left: 0;
	border-bottom: 0;
	border-collapse: collapse;
	margin: 0;
	padding: 4px 6px 3px;
	text-align: left;
	background: #ffffff;
	color: #006633;
}

table.prodgrid tbody th {
	border-left: 1px #66CC66 solid;
}

table.prodgrid th {
	font-weight: bold;
}

table.prodgrid thead th {
	border: 0;
	padding-bottom: 2px;
}




/*=========================ENDO CHANGES==============================*/

.feature-endo {
	position: relative;
	background: #ffffff;
	padding: 10px;
	voice-family: "\"}\""; voice-family: inherit;
	width: 550px;
	background: #ffffff url(../_images/column_back.gif) repeat-y top left;
	}
	
#leftnav {
	width: 180px;
	background-color:#FFFFFF;
	padding: 10px 0 0 10px;
	}	
#photo-endo {
	position: absolute;
	top: 10px;
	left: 380px;
	}
#photo-endo img{	
	display: block;
	padding-right: 19px;
	background: url(../_images/pattern3.jpg) no-repeat center right #5DB473;	
	}
	
.endo-home {
	width: 760px;
	height: 412px;
	background-color:#FFFFFF;
	padding: 5px 0 0 0;
	
	}

.endo-home-center {
	width: 7px;
	border-right:  #006634 1px solid;
	height: 354px;
	float:left;
	}	
	
	.endo-home p {
		font-size: 11px;
		margin: 0;
		padding: 0 0 12px 0;
		
		}
	
.endo-home-left	{
	width: 373px;
	height: 350px;
	float:left;
	margin: 0 0 0 0;
	}
	
	.endo-home-left1 {
		background-color: #00a78b;
		padding:20px;
		color:#FFFFFF;
		height: 192px;
		margin: 0 0 2px 0;
		}
		
		
		
		
	.endo-home-left2 {	
		height: 115px;
		width: 373px;
		background-image: url(../_images/homeleftbg.gif);
		}
	.endo-home-left2 p {	
		margin: 0 0 0 175px;
		padding: 10px;
		font-size: 11px;
		}
	.endo-home-left2 p a {
		color: #00a78b;
		font-weight:normal;
		}	
	
.endo-home-right	{
	width: 373px;
	height: 350px;
	float:right;
	margin: 0 0 0 0;
	}
	
	.endo-home-right1 {
		background-color: #00bed8;
		padding:20px;
		color:#FFFFFF;
		height: 192px;
		margin: 0 0 2px 0;
		}