/* @override 
	http://www.fgsc.ca/css/style.css
	http://fgsc.barkingdogstudios.com/css/style.css
*/

/* generic styles */
body {
	font-family: Helvetica, Verdana;
	font-size: small;
	margin-top: 0;
	background: #fff url(../images/bodybg.gif) 0 0 repeat-x;
	behavior: url("/css/csshover.htc");
}

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}

.skipnav {
	text-indent: -9999px;
	display: block;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

hr.rule {
	display: none;
}

#main {
	clear: both;
	width: 953px;
	margin: 0px auto;
	position: relative;
	z-index: 90;
}

.unbold {
	font-weight: normal;
}

a:hover {
	text-decoration: underline;
}

/* header */
#header {
	clear: both;
	width: 953px;
	margin: 0px auto;
	height: 65px;
}

#header h1 {
	margin: 0px;
	padding: 0px;
}

#header h1 a {
	margin: 0px;
	padding: 0px;
	display: block;
	width: 431px;
	height: 84px;
	background: url(../images/fgsc_logo.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	text-decoration: none;
}

#header h2 {
	margin: 0px;
	padding: 0px;
	display: none;
}

#header legend {
	display: none;
}

#header {
	position: relative;
}

#header hr {
	display: none;
}

#header form {
	display: block;
	width: 30em;
	padding: 30px 0px 0px 0px;
	position: absolute;
	top: 0px;
	right: 0px;
}

#header fieldset {
	border-width: 0px;
}

#header label.searchlabel {
	display: none;
}

#header input#search {
	position: relative;
	top: -10px;
	width: 110px;
	padding: 2px 0 0 3px;
	height: 15px;
	margin: 0px;
	border: 1px solid #afafaf;
	font-size: 11px;
}

#header .searchbutton {
	padding: 0px;
	margin: 0px 0px 0px 3px;
	width: 49px;
	height: 17px;
	border: 1px solid #afafaf;
	position: relative;
	top: -5px;
	background-color: #f1f1f1;
}

#header .searchfields {
	float: right;
	clear: right;
	text-align: right;
	width: 305px;
	position: relative;
}

/* nav */
#nav {
	font-size: 12px;
	position: relative;
	padding: 0;
	width: 1000px;
	height: 24px;
	margin: 0 auto 10px;
	background-color: #000;
	z-index: 99;
	border-bottom: 6px solid #d8d8d8;
	background: url(../images/bg_gn02.gif) -567px top no-repeat;
}

#nav hr {
	display: none;
}


/* footer */
#footer {
	position: relative;
	top: -15px;
	color: #666;
	width: 100%;
	padding: 0;
	margin: 0;
	background: url(../images/footbg.gif);
	height: 20px;
}

* html #footer {
	margin-top: 20px;
}

#footer hr {
	display: none;
}

.footernav {
	display: block;
	background: url(../images/footnav.gif) no-repeat;
}

#footer a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-size: xx-small;
	display: block;
	height: 20px;
	line-height: 20px;
}

#footer ul {
	list-style-type: none;
}

#footer ul li {
	float: right;
	padding: 2px 10px;
	background: url(../images/footer_div.gif) no-repeat right center;
}

#footer ul li.first {
	background: none;
}

#footer p {
	width: 960px;
	margin: 0 auto;
	padding: 0px;
}

.copyright {
	position: relative;
	top: 5px;
	margin: 0 auto;
	width: 960px;
	padding: 0;
	font: 11px Arial, Helvetica, sans-serif;
	border-top: 1px solid #ddd;
}

.copyright ul {
	position: absolute;
	right: 0;
	top: 10px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.copyright ul li {
	float: left;
}

.copyright ul li a {
	padding: 0 8px;
	background: url(../images/greenliarrow.gif) no-repeat 0 4px;
	color: #000;
	text-decoration: none;
}

.copyright ul li a:hover {
	text-decoration: underline;
}

#footer p.phone {
	float: right;
	font-size: xx-small;
}

#footer .copyright {
	clear: both;
}

#footer .copyright p {
	text-transform: uppercase;
	font-size: 10px;
}

/* homepage news solutions products section */
.newsetc {
	clear: both;
	overflow: hidden;
}

.newsetc_noclear {
	clear: none;
}

.newsetc h3 {
	margin: 0px;
	padding: 0px;
}

.newsetc hr {
	display: none;
}

.newsetc .news {
	width: 203px;
	float: left;
	padding: 0px 12px 0px 0px;
}

.newsetc .news h3 {
	font-size: 22px;
	font-weight: normal;
	color: #333333;
	border-bottom: 2px solid #01916d;
	height: 18px;
	line-height: 18px;
	position: relative;
	top: 1px;
	margin-bottom: 3px;
}

.news .ico {
	width: 18px;
	height: 18px;
	display: block;
	float: left;
	background: url(../images/icon_news.gif) no-repeat;
	margin-right: 3px;
}

.newsetc h4 {
	margin: 8px 0px 4px 0px;
	padding: 0px;
	font-size: 12px;
}

.newsetc h4:hover {
	background: #def2e4;
}

.newsetc .news dl {
	margin: 0px;
	padding: 0px;
}

.newsetc .news dt {
	margin: 0px;
	padding: 0px;
}

.newsetc .news dt:hover {
	background: #def2e4;
}

.newsetc .news dd {
	margin: 0px;
	padding: 7px 0px 5px 0px;
	border-top: 1px solid #80c8b6;
	font-size: 11px;
}

.newsetc .news dd:hover {
	background: #def2e4;
}

.newsetc .news a {
	color: #333333;
	text-decoration: none;
}

.newsetc .news a:hover {
	text-decoration: none;
}

.newsetc .newsimg {
	border: 1px solid #CCCCCC;
	margin: 5px 0px 0px 0px;
	padding: 2px;
}

.newsetc .solutions {
	width: 359px;
	float: left;
	padding: 0px 13px 0px 0px;
}

.newsetc .solutions h3 {
	font-size: 22px;
	font-weight: bold;
	color: #333333;
	border-bottom: 2px solid #01916d;
	height: 18px;
	line-height: 18px;
	position: relative;
	top: 1px;
	margin-bottom: 3px;
}

.solutions .ico {
	width: 18px;
	height: 18px;
	display: block;
	float: left;
	background: url(../images/icon_solutions.gif) no-repeat;
	margin-right: 3px;
}

.newsetc .solutions ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	width: 49%;
}

.newsetc .solutions li {
	margin: 0px 7px 0px 0px;
	padding: 7px 0px 7px 0px;
	border-top: 1px solid #80c8b6;
	font-size: 11px;
}

.newsetc .solutions li strong {
	font-size: 12px;
}

.newsetc .solutions li:hover {
	background: #def2e4;
}

.newsetc .solutions li.noborder {
	border-width: 0px;
}

.newsetc .solutions a {
	color: #333333;
}

.newsetc .solutions a {
	color: #333333;
	text-decoration: none;
}

.newsetc .solutions a:hover {
	text-decoration: none;
}

.newsetc .products {
	width: 366px;
	float: left;
	padding: 0px 0px 0px 0px;
}

* html .newsetc .products {
	width: 350px;
}

.newsetc .products h3 {
	font-size: 22px;
	font-weight: bold;
	color: #333333;
	border-bottom: 2px solid #01916d;
	height: 18px;
	line-height: 18px;
	position: relative;
	top: 1px;
	margin-bottom: 3px;
}

.products .ico {
	width: 18px;
	height: 18px;
	display: block;
	float: left;
	background: url(../images/icon_products.gif) no-repeat;
	margin-right: 3px;
}

.newsetc .products ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	width: 49%;
}

.newsetc .products li {
	margin: 0px 10px 0px 0px;
	padding: 7px 0px 7px 0px;
	border-top: 1px solid #80c8b6;
	font-size: 11px;
}

.newsetc .products li:hover {
	background: #def2e4;
}

.newsetc .products li strong {
	font-size: 12px;
}

.newsetc .products li.noborder {
	border-width: 0px;
}

.newsetc .products a {
	color: #333333;
}

.newsetc .products a {
	color: #333333;
	text-decoration: none;
}

.newsetc .products a:hover {
	text-decoration: none;
}

/* faq main page */
#faq .leftimg {
	display: block;
	width: 198px;
	height: 411px;
	border: 1px solid #CCCCCC;
	padding: 3px;
	float: left;
}

#faq .centercol {
	margin-left: 9px;
	

/*margin-top: 2em;*/
	width: 521px;
	float: left;
	position: relative;
	z-index: 90;
}

#faq .centercol p {
	font-size: 11px;
	line-height: 13px;
	color: #333333;
}

#faq .centercol p strong {
	font-size: 12px;
}

/* MS - make bullets appear on main articles */
#faq .centercol ul {
	margin: 0px 0px 0px 0px;
	padding: 5px;
	list-style-type: circle;
	color: #333333;
	font-size: 11px;
}

#faq .centercol ul li {
	margin-left: 3em;
	margin-bottom: 0.33em;
}

#faq .widecol {
	margin-left: 9px;
	/*margin-top: 2em;*/
	width: 726px;
	float: left;
	position: relative;
	z-index: 90;
}

#faq .widecol p {
	font-size: 11px;
	line-height: 13px;
	color: #333333;
}

#faq .widecol p strong {
	font-size: 12px;
}

#faq .rightcol {
	width: 206px;
	margin: 3em 0px 0px 9px;
	float: left;
}

#faq h3 {
	position: relative;
	display: block;
	/*top: -1em;*/
	width: 738px;
	/*height: 1em;*/
	color: #333333;
	font-size: x-large;
	z-index: 99;
	margin: 0;
	padding: 0;
	border-bottom: 2px solid #01916d;
}

#faq h3 .results {
	font-size: medium;
	font-weight: normal;
	color: #666;
}

#faq .rightcol .faqsearch {
	margin: 0px;
	padding: 0px;
}

#faq .rightcol .faqsearch h4 {
	padding: 0px;
	margin: 0px;
	color: #666;
}

#faq .rightcol .faqsearch label {
	display: none;
}

#faq .rightcol .faqsearch fieldset {
	border-width: 0px;
	border-bottom: 1px solid #01916d;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

#faq .rightcol .faqsearch input#search {
	position: relative;
	top: -4px;
	width: 139px;
	padding: 0px;
	margin: 0px;
}

#faq .rightcol .faqsearch .searchbutton {
	padding: 0px;
	margin: 0px;
	width: 63px;
	height: 20px;
	background: url(../images/button_search.gif) no-repeat 0px 0px;
}

#faq .rightcol .faqsearch .searchbutton:hover {
	background: url(../images/button_search.gif) no-repeat 0px -20px;
}

#faq .rightcol .faqsearch p {
	color: #999999;
	font-size: 14px;
	line-height: 18px;
}

#faq .rightcol .faqsearch p a {
	color: #01916d;
}

#faq .rightcol .lowerfaqsearch {
	margin: 0px;
	padding: 0px;
}

#faq .rightcol .lowerfaqsearch h4 {
	padding: 0px;
	margin: 0px;
	color: #666;
}

#faq .rightcol .lowerfaqsearch label {
	display: none;
}

#faq .rightcol .lowerfaqsearch fieldset {
	border-width: 0px;
	border-top: 1px solid #01916d;
	padding: 10px 0px 0px 0px;
}

#faq .rightcol .lowerfaqsearch input#search {
	position: relative;
	top: -4px;
	width: 106px;
	padding: 0px;
	margin: 0px;
}

#faq .rightcol .lowerfaqsearch .searchbutton {
	padding: 0px;
	margin: 0px;
	width: 63px;
	height: 20px;
	background: url(../images/button_search.gif) no-repeat 0px 0px;
}

#faq .rightcol .lowerfaqsearch .searchbutton:hover {
	background: url(../images/button_search.gif) no-repeat 0px -20px;
}

#faq .rightcol .lowerfaqsearch p {
	color: #999999;
	font-size: 14px;
	line-height: 18px;
}

#faq .rightcol .lowerfaqsearch p a {
	color: #01916d;
}

/* faq section page */
#faq h4.faqsection {
	border-bottom: 1px solid #01916d;
	margin: 20px 0px 2px 0px;
	padding: 0px;
	position: relative;
	color: #333333;
}

#faq ul.faqsection {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#faq ul.faqsection li {
	border-width: 0px;
	margin: 0px;
	padding: 4px 5px;
}

#faq ul.faqsection li.zebra {
	background: #def2e4;
}

#faq ul.faqsection li span.num {
	display: block;
	width: 1.5em;
	float: left;
}

#faq ul.faqsection li a {
	border-width: 0px;
	color: #01916d;
	padding: 0px;
	margin: 0px 0px 0px 1.5em;
	width: auto;
	font-weight: bold;
	text-decoration: underline;
}

#faq ul.faqsection li.current span.num {
	width: 2em;
}

#faq ul.faqsection li.current a {
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

span.nobg {
	text-shadow: 2px 2px 1px white;
}

#faq h4.faqs {
	position: relative;
	display: block;
	background: #01916d url(../images/grad_green.gif) repeat-x bottom center;
	padding: 4px 0px 0px 4px;
	clear: both;
	width: 517px;
	margin: 20px 0px 0px 0px;
	color: #fff;
	font-size: 12px;
}

/* Added these July 8/09 to fix lists */
#faq .widecol ul {
	margin: 0 25px 10px;
	padding: 0px;
	list-style-type: none;
	color: #333333;
	font-size: 11px;
	list-style: disc;
}

#faq .widecol ul li {
	padding-bottom: 2px;
}

#faq ul {
	margin: 0px 0px 0px -10px;
	padding: 0px;
	list-style-type: none;
	color: #333333;
	font-size: 11px;
}

#faq ul li span.number {
	display: block;
	width: 1.5em;
	float: left;
	text-align: right;
}

#faq ul li span.item {
	display: block;
	margin-left: 2em;
}

#faq ul li a {
	color: #333333;
	text-decoration: none;
	border-top: 1px solid #01916d;
	display: block;
	width: 509px;
	margin: 0px 5px;
	padding: 5px 0px 1px 0px;
}

#faq ul li a:hover {
	text-decoration: underline;
}

#faq ul li.first a {
	border-width: 0px;
}

#faq .faqbox {
	position: relative;
	border: 1px solid #01916d;
	background: #F5FAF2;
	padding: 0px 10px 0px 10px;
	width: 499px;
}

#faq .centercol .faqbox ul {
	padding: 0;
	margin-left: -10px;
	position: relative;
	list-style-type: none;
}

#faq .centercol .faqbox ul li {
	padding: 0;
	margin-left: 0;
	margin-bottom: 0.33em;
}

.faq_bl {
	position: absolute;
	bottom: -1px;
	left: -1px;
	display: block;
	width: 4px;
	height: 4px;
	overflow: hidden;
	background: url(../images/corner_bl_ruled.gif) no-repeat top left;
	z-index: 99;
}

.faq_br {
	position: absolute;
	bottom: -1px;
	right: -1px;
	display: block;
	width: 4px;
	height: 4px;
	overflow: hidden;
	background: url(../images/corner_br_ruled.gif) no-repeat top left;
	z-index: 99;
}

#faq h4.faqsect {
	display: block;
	width: 513px;
	height: 1em;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #01916d;
	color: #333333;
	margin: 20px 0px 0px 0px;
}

#faq .faqsections {
	width: 523px;
}

#faq .faqsections ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#faq .faqsections ul li {
	display: block;
	width: 149px;
	float: left;
	padding: 0px 30px 10px 0px;
	font-size: 11px;
}

#faq .faqsections ul li a {
	display: block;
	width: 149px;
	float: left;
	padding: 0px 30px 0px 0px;
	font-size: 11px;
	border: 0px;
}

#faq .faqsections ul li:hover {
	background: #def2e4;
}

#faq .faqsections ul li a:hover {
	text-decoration: none;
}

#faq .faqsections ul li.third {
	padding: 0px 0px 10px 0px;
}

#faq .faqsections ul li h5 {
	margin: 1em 0px 0px 0px;
	padding: 0px;
	font-size: 12px;
}

#faq .faqsections ul li p {
	padding: 0px;
	margin: 0px;
}

/* homepage features and flash section */
/* Added this new style */
.prod_sub {
	float: left;
	margin: -18px 0 0 10px;
	width: 540px;
}

a.feat {
	text-decoration: none;
	color: #333333;
	display: block;
}

.features {
	position: relative;
	clear: left; /* Added this new property */
	float: left;
	width: 205px;
	margin-top: 4px;
}

.feature {
	position: relative;
	background: #fff;
	border: 1px solid #01916d;
	color: #333333;
	font-size: x-small;
	padding: 21px 1px 5px 1px;
}

.featurebottom {
	position: absolute;
	bottom: -2px;
	left: -1px;
	width: 205px;
	height: 5px;
	background: url(../images/feature_bottom.gif) no-repeat;
	overflow: hidden;
}

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

.feature p:hover {
	text-decoration: underline;
}

.feature h3 {
	display: block;
	width: 205px;
	height: 2em;
	background: url(../images/head_feature.gif) no-repeat;
	color: #fff;
	position: absolute;
	top: -1px;
	left: -1px;
	padding: 0px;
	margin: 0px;
	text-indent: -9999px;
}

.subfeature {
	position: relative;
	margin: 8px 0px 20px 0px;
}

.subfeature h3 {
	margin: 0px;
	padding: 0px;
}

.subfeature h3 a {
	text-indent: -9999px;
	display: block;
	width: 205px;
	height: 46px;
	background: url(../images/button_searchmsds.gif) no-repeat;
}

.flash {
	color: #CCCCCC;
	font-size: xx-small;
	margin-left: 210px;
}

#faq ul.searchresults li {
	margin: 10px 0px 10px 10px;
	padding: 2px 5px;
}

#faq ul.searchresults li.zebra {
	background: #F5FAF2;
}

#faq ul.searchresults li a {
	border-width: 0px;
	text-decoration: underline;
	color: #01916d;
	padding: 0px;
	margin: 0px;
	display: inline;
	font-weight: bold;
}

h4.faqsection .pagination {
	color: #666;
	font-weight: normal;
	position: absolute;
	right: 0px;
}

#faq h4.faqsectionbottom {
	border-top: 1px solid #01916d;
	margin: 20px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
	position: relative;
}

h4.faqsectionbottom .pagination {
	color: #666;
	font-weight: normal;
	position: absolute;
	right: 0px;
}

.pagination a {
	color: #666;
	text-decoration: none;
}

.pagination a.current {
	color: #999999;
}

.pagination a:hover {
	text-decoration: underline;
}

/*   solution listing    */
.listingdetailtop .leftmenu {
	float: left;
	background: #F5FAF2;
	border: 1px solid #CCCCCC;
	width: 199px;
	margin: -10px 0px 0px 0px;
	border-top: 0px;
	padding: 10px 3px 0px 3px;
	font-size: 0.9em;
}

.listingdetailtop .leftmenu h3 {
	padding: 0px;
	margin: 0px;
	display: block;
	border-bottom: 1px solid #01916d;
}

.listingdetailtop .leftmenu ul {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	list-style-type: none;
	font-size: 11px;
}

.listingdetailtop .leftmenu ul li a {
	display: block;
	width: 199px;
	border-bottom: 1px solid #80c8b6;
	color: #666;
	text-decoration: none;
	padding: 6px 0px 3px 0px;
}

.listingdetailtop .leftmenu ul li a:hover {
	display: block;
	width: 199px;
	border-bottom: 1px solid #80c8b6;
	font-weight: normal;
	color: #01916d;
	text-decoration: none;
	padding: 6px 0px 3px 0px;
}

.listingdetailtop .leftmenu ul li.current a {
	display: block;
	width: 199px;
	border-bottom: 1px solid #80c8b6;
	color: #01916d;
	text-decoration: none;
	padding: 6px 0px 3px 0px;
}

.listing {
	margin-top: 10px;
	position: relative;
}

.listing .features {
	position: relative;
	float: left;
	width: 205px;
	margin: 4px 10px 0px 0px;
}

.listing .feature {
	position: relative;
	background: #fff;
	border: 1px solid #01916d;
	color: #333333;
	font-size: x-small;
	padding: 21px 1px 5px 1px;
}

.listing .featurebottom {
	position: absolute;
	bottom: -2px;
	left: -1px;
	width: 205px;
	height: 5px;
	background: url(../images/feature_bottom.gif) no-repeat;
	overflow: hidden;
}

.listing .feature p {
	padding: 10px 3px 3px 3px;
	margin: 0px;
}

.listing .feature h3 {
	display: block;
	width: 205px;
	height: 2em;
	background: url(../images/head_feature.gif) no-repeat;
	color: #fff;
	position: absolute;
	top: -1px;
	left: -1px;
	padding: 0px;
	margin: 0px;
	text-indent: -9999px;
}

.listing hr {
	display: none;
}

.listing .quote {
	position: absolute;
	right: 0px;
	top: 2.2em;
	width: 200px;
	font-size: 14px;
	line-height: 18px;
	color: #999999;
}

/* Added min-height IE fix found here: http://www.dustindiaz.com/min-height-fast-hack/ */
.listingdetailtop {
	overflow: hidden;
	min-height: 290px;
	height: auto !important;
	height: 290px;
}

/* Added bottom padding so this wouldn't collapse on absolute pos. elements */
.listing .comsolutions {
	width: 542px;
	float: left;
	padding: 0px 16px 40px 0px;
}

.listing .comsolutions h3 {
	width: 738px;
	font-size: 22px;
	font-weight: bold;
	color: #333333;
	border-bottom: 2px solid #01916d;
	height: 18px;
	line-height: 18px;
	position: relative;
	top: 1px;
	margin-bottom: 3px;
}

.listing .comsolutions .ico {
	width: 18px;
	height: 18px;
	display: block;
	float: left;
	background: url(../images/icon_solutions.gif) no-repeat;
	margin-right: 3px;
}

.listing .comsolutions .pico {
	width: 18px;
	height: 18px;
	display: block;
	float: left;
	background: url(../images/icon_products.gif) no-repeat;
	margin-right: 3px;
}

.listing .comsolutions ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 33%;
	float: left;
}

.listing .comsolutions li {
	margin: 0px 10px 0px 0px;
	padding: 7px 0px 7px 0px;
	border-top: 1px solid #80c8b6;
	font-size: 11px;
}

.listing .comsolutions li:hover {
	background: #def2e4;
}

.listing .comsolutions li.noborder {
	border-width: 0px;
}

.listing .comsolutions li strong {
	font-size: 12px;
}

.listing .comsolutions a {
	color: #333333;
}

.listing .comsolutions a {
	color: #333333;
	text-decoration: none;
}

.listing .comsolutions a:hover {
	text-decoration: none;
}

/* Careers */
p.careers {
	color: #333333;
	font-size: small;
}

/*  Product Detail */
.twocol {
	background: url(../images/leftbar_bg.gif) repeat-y left top;
	margin: -20px 0px;
	padding: 20px 0px;
}

#prodinfo {
	float: right;
	width: 735px;
	margin: 0px 0px 0px 10px;
}

#prodnav {
	float: right;
	width: 199px;
	margin: -10px 0px 0px 0px;
	padding: 10px 3px 0px 3px;
}

.specs {
	float: left;
	width: 520px;
	margin-right: 10px;
}

.specs {
	color: #333333;
	font-size: 12px;
}

.specs a {
	color: #01916d;
	font-weight: bold;
}

table.specifications {
	clear: left;
	width: 525px;
	border-left: 1px solid #D7EACC;
	border-right: 1px solid #D7EACC;
	border-top: 1px solid #01916d;
}

table.specifications tr.zebra td {
	background: #F5FAF3;
}

table.specifications td.heading {
	width: 220px;
	text-align: right;
	font-weight: bold;
	padding: 3px 7px 3px 0px;
}

table.specifications td.info {
	padding: 3px 10px 3px 0px;
}

#prodinfo h3 {
	font-size: 22px;
	font-weight: bold;
	color: #333333;
	width: 736px;
	border-bottom: 2px solid #01916d;
	height: 18px;
	line-height: 18px;
	position: relative;
	top: 1px;
	margin: 17px 0px 3px 0px;
}

#prodinfo h3 .ico {
	width: 18px;
	height: 18px;
	display: block;
	float: left;
	background: url(../images/icon_products.gif) no-repeat;
	margin-right: 3px;
	padding: 0px;
}

/* #prodinfo h3 { color: #333333; font-weight: bold; display: block; width: 716px; height: 1.5em; border-bottom: 2px solid #01916d; padding: 0px 0px 0px 20px; background: url(../images/icon_products.gif) no-repeat left center; line-height: 2; font-size: 22px; margin: 3px 0px 5px 0px; }
*/

#prodinfo h3 span.desc {
	color: #666;
	font-weight: normal;
	font-size: 14px;
}

#prodnav h4 {
	padding: 0px;
	margin: 20px 6px 0px 4px;
	border-bottom: 1px solid #01916d;
}

#prodnav ul {
	list-style-type: none;
	margin: 0px 0px 0px 3px;
	padding: 0px;
}

#prodnav ul li a {
	color: #333333;
	text-decoration: none;
	border-top: 1px solid #B1D79E;
	display: block;
	width: 190px;
	padding: 3px 0px 0px 0px;
	font-size: 11px;
}

#prodnav ul li a:hover {
	color: #01916d;
	font-weight: bold;
}

#prodnav ul li.first a {
	border-width: 0px;
}

#prodnav ul li.current a {
	color: #01916d;
	font-weight: bold;
}

#prodnav ul li.secondcurrent a {
	color: #333333;
	font-weight: bold;
}

.tabspecs {
	position: absolute;
}

.tabspecs ul {
	width: 45%;
	float: left;
	margin: 10px 0px;
	padding: 0px 10px 0px 12px;
}

.tabspecs h4 {
	position: relative;
	margin: 0px;
	padding: 0px 10px;
	display: block;
	width: 93px;
	height: 20px;
	background: #01916d;
	line-height: 22px;
	font-weight: normal;
	color: #fff;
}

.tabinstructions {
	position: absolute;
}

.tabinstructions h4 {
	position: relative;
	margin: 0px;
	padding: 0px 10px;
	display: block;
	width: 91px;
	left: 114px;
	height: 20px;
	background: #B0D89C;
	line-height: 22px;
	font-weight: normal;
	color: #666;
}

.tabinstructions table {
	visibility: hidden;
}

.tabsupport {
	position: absolute;
}

.tabsupport h4 {
	position: relative;
	margin: 0px;
	padding: 0px 10px;
	display: block;
	width: 130px;
	left: 226px;
	height: 20px;
	background: #B0D89C;
	line-height: 22px;
	font-weight: normal;
	color: #666;
}

.tabspacer {
	width: 510px;
	height: 200px;
}

.prodcompare {
	margin: 50px 0px 0px 0px;
}

.prodcompare h4 {
	position: relative;
	display: block;
	width: 185px;
	background: #01916d;
	color: #fff;
	float: right;
	margin: 10px 0px 0px 0px;
	padding: 5px 5px 0px 5px;
	font-weight: normal;
}

.prodcompare ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	display: block;
	width: 195px;
	float: right;
}

.prodcompare ul li {
	padding: 3px 3px 0px 3px;
	display: block;
	width: 189px;
	margin: 0px;
	background: url(../images/pd_bg.gif) no-repeat left bottom;
}

.prodcompare ul li.last {
	padding: 3px 3px 0px 3px;
	display: block;
	width: 189px;
	margin: 0px;
	background: url(../images/pd_bottom_bg.gif) no-repeat left bottom;
}

.prodcompare ul li a {
	color: #333333;
	text-decoration: none;
	font-size: 11px;
}

.prodcompare ul li a:hover {
	color: #01916d;
	font-weight: normal;
}

a.view {
	display: block;
	width: 195px;
	height: 24px;
	background: #01916d url(../images/button_viewproduct.gif) no-repeat 0px 0px;
	float: right;
	text-decoration: none;
	text-indent: -9999px;
}

a.view:hover {
	background: #01916d url(../images/button_viewproduct.gif) no-repeat 0px -24px;
	text-decoration: none;
}

a.prodimg {
	display: block;
	width: 195px;
	height: 138px;
	float: right;
	margin-bottom: 10px;
}

a.vidimg {
	display: block;
	width: 195px;
	height: 197px;
	float: right;
	margin-bottom: 0px;
}

#largeimg {
	position: absolute;
	top: 120px;
	left: 50%;
	padding: 20px;
	border: 1px solid #01916d;
	background: #fff;
	z-index: 99;
	text-align: center;
	font-size: x-small;
}

.largeimgon {
	display: block;
}

.largeimgoff {
	display: none;
}

#largeimg a {
	text-decoration: none;
	color: #01916d;
}

.prod_sub h3 {
	width: 738px;
	font-size: 22px;
	font-weight: bold;
	color: #333333;
	border-bottom: 2px solid #01916d;
	height: 18px;
	line-height: 18px;
	position: relative;
	top: 1px;
	margin-bottom: 3px;
	padding-bottom: 2px;
}

.prod_sub .ico {
	width: 18px;
	height: 18px;
	display: block;
	float: left;
	background: url(../images/icon_solutions.gif) no-repeat;
	margin-right: 3px;
}

.prod_sub .pico {
	width: 18px;
	height: 18px;
	display: block;
	float: left;
	background: url(../images/icon_products.gif) no-repeat;
	padding-right: 5px;
}

.product_image {
	width: 195px;
	float: right;
	margin-bottom: 10px;
	position: relative;
	border: 1px solid #CCCCCC;
}

.product_image img {
	position: absolute;
	z-index: 00;
	top: 0px;
	left: 0px;
}

.product_image a.viewlarger {
	position: absolute;
	z-index: 99;
	display: block;
	width: 105px;
	height: 14px;
	background: url(../images/button_viewlarger.gif) no-repeat center;
	bottom: 5px;
	right: 3px;
	text-indent: -9999px;
}

.prod_sub ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 33%;
	float: left;
}

.prod_sub li {
	margin: 0px 10px 0px 0px;
	padding: 7px 0px 7px 0px;
	border-top: 1px solid #80c8b6;
	font-size: 11px;
}

.prod_sub li:hover {
	background: #def2e4;
}

.prod_sub li.noborder {
	border-width: 0px;
}

.prod_sub li strong {
	font-size: 12px;
}

.prod_sub a {
	color: #333333;
}

.prod_sub a {
	color: #333333;
	text-decoration: none;
}

.prod_sub a:hover {
	text-decoration: none;
}

.prod_sub .quote {
	width: 180px;
	font-size: 14px;
	line-height: 18px;
	color: #999999;
}

/* Kept this styling in incase we need to revert back to it
.prod_sub .quote {
	position: absolute;
	right: 0px;
	top: 230px;
	padding-top: 2.2em;
	width: 200px;
	font-size: 14px/18px;
	color: #999999;
}
*/

.prod_sub table {
	font-size: 11px;
	margin: 5px 5px 5px 20px;
	color: #333333;
	width: 513px;
}

.prod_sub table td {
	border-bottom: 1px solid #CCCCCC;
	padding: 3px 0px;
}

.prod_sub table td.heading {
	text-align: left;
	width: 150px;
	font-weight: bold;
}

.prod_sub table td.heading a {
	color: #01916d;
}

.prod_sub table td.last {
	border-width: 0px;
}

/* msds search */
.msdsbutton {
	padding: 0px;
	margin: 0px 0px -5px 3px;
	width: 118px;
	height: 20px;
	background: url(../images/button_findmsds.gif) no-repeat 0px 0px;
}

.msdsbutton:hover {
	background: url(../images/button_findmsds.gif) no-repeat 0px -20px;
}

ul.tabs {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul.tabs li {
	float: left;
	padding: 0px;
	margin: 0px 1px 0px 0px;
	height: auto;
	position: relative;
}

ul.tabs li h4 {
	padding: 0px;
	margin: 0px;
	display: inline;
}

ul.tabs li a {
	margin: 0px;
	padding: 3px 15px 1px 15px;
	display: block;
	text-decoration: none;
	height: auto;
	position: relative;
}

ul.tabs li.tab_on a {
	background: #01916d;
	color: #fff;
}

ul.tabs li.tab_off a {
	background: #CCE5BF;
	color: #333333;
}

ul.tabs li.tab_off .tl, ul.tabs li.tab_off .tr {
	display: none;
}

/* tabs */
.tab_body p {
	padding-top: 20px;
	margin-top: 20px;
}

.tab_body ul {
	padding-top: 20px;
	margin-top: 20px;
}

/* form/survey */
.form_err {
	border: 1px solid #cc0000;
	padding: 15px;
}

.form_err B {
	font-weight: bold;
	color: #cc0000;
	font-style: italic;
}

.formsect .row {
	border-bottom: 1px solid #CAE4BD;
	padding: 3px 30px 3px 30px;
}

.formsect .row label {
	color: #333333;
	width: 180px;
	display: block;
	float: left;
	position: relative;
	top: 3px;
}

.formsect .row label.reqd {
	color: #333333;
	font-weight: bold;
}

.formsect .row label.reqd_err {
	font-weight: bold;
	font-style: italic;
	color: #CC0000;
}

.formsect .row .input {
	width: 280px;
	position: relative;
	top: 0px;
	float: right;
}

.formsect .row .input .date {
	width: 150px;
}

.formsect .row .input .text {
	width: 250px;
}

.formsect .row .clear {
	clear: right;
	overflow: hidden;
	height: 0px;
}

.question {
	color: #333333;
	border-bottom: 1px solid #CAE4BD;
	padding: 3px 50px 3px 30px;
}

.question_err {
	border-bottom: 1px solid #CAE4BD;
	padding: 3px 50px 3px 30px;
	font-style: italic;
	color: #CC0000;
}

.label {
	color: #333333;
	padding: 3px 50px 3px 30px;
}

.label_err {
	padding: 3px 50px 3px 30px;
	font-style: italic;
	color: #CC0000;
}

.question .quest {
	color: #333333;
	padding-left: 180px;
}

.question .quest .box {
	color: #333333;
	white-space: nowrap;
	display: inline;
	padding-right: 20px;
}

.question .quest textarea {
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

.question_err .quest {
	padding-left: 180px;
	color: black;
}

.question_err .quest .box {
	white-space: nowrap;
	display: inline;
	padding-right: 20px;
}

.question_err .quest textarea {
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

.question th {
	color: #333333;
	font-weight: bold;
	font-style: italic;
}

#location {
	font: 12px Arial, Helvetica, sans-serif;
	position: absolute;
	top: 32px;
	left: 105px;
}

#location span {
	font-weight: bold;
	margin-left: 10px;
}

ul#sitemapglobal {
	position: absolute;
	top: -2px;
	right: 3px;
	list-style: none;
	padding: 0;
	z-index: 5043;
}

ul#sitemapglobal li {
	float: left;
}

ul#sitemapglobal li a {
	display: block;
	font-size: 11px;
	color: #000;
	background: url(../images/greenliarrow.gif) no-repeat 0 2px;
	padding: 0 20px 4px 8px;
	line-height: 10px;
	text-decoration: none !important;
}

ul#sitemapglobal li a:hover {
	background-color: transparent !important;
	text-decoration: underline !important;
}

.whitelines {
	position: absolute;
	background: url(../images/whitelines.gif) no-repeat;
	width: 813px;
	left: 0;
	height: 12px;
	top: -7px;
}

/********** REVISED PRODUCT SUBCATEGORIES STYLES **********/
#subcategory_left .leftmenu {
	float: left;
	background: #F5FAF2;
	border: 1px solid #CCCCCC;
	width: 199px;
	margin: -10px 0px 0px 0px;
	border-top: 0px;
	padding: 10px 3px 0px 3px;
	font-size: 0.9em;
}

#subcategory_left .leftmenu h3 {
	padding: 0px;
	margin: 0px;
	display: block;
	border-bottom: 1px solid #01916d;
}

#subcategory_left .leftmenu ul {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	list-style-type: none;
	font-size: 11px;
}

#subcategory_left .leftmenu ul li a {
	display: block;
	width: 199px;
	border-bottom: 1px solid #80c8b6;
	color: #666;
	text-decoration: none;
	padding: 6px 0px 3px 0px;
}

#subcategory_left .leftmenu ul li a:hover {
	display: block;
	width: 199px;
	border-bottom: 1px solid #80c8b6;
	font-weight: normal;
	color: #01916d;
	text-decoration: none;
	padding: 6px 0px 3px 0px;
}

#subcategory_left .leftmenu ul li.current a {
	display: block;
	width: 199px;
	border-bottom: 1px solid #80c8b6;
	color: #01916d;
	text-decoration: none;
	padding: 6px 0px 3px 0px;
}

#subcategory_right {
	overflow: hidden;
}

#subcategory_right .listingdetailtop {
	overflow: hidden;
	width: 739px;
	min-height: 255px;
	height: auto !important;
	height: 255px;
}

#subcategory_right .prod_sub {
	float: left;
	margin: 0 0 0 10px;
	width: 739px;
	overflow: hidden;
}

#subcategory_right .prod_sub .quote {
	float: right;
	padding: 10px 0;
	width: 180px;
	font-size: 14px;
	line-height: 18px;
}

/*************************************************
	Fujiforu 2009
	
	Site by Barking Dog Studios
	http://www.barkingdogstudios.com/

*************************************************/

/********** BASIC STYLES **********/
#ffu_main {
	font: 12px/16px "Helvetica", Verdana;
	position:relative;
}

#ffu_main #ffu_langsel {
	position:absolute; 
	display:block; 
	right:0; 
	top:100px; 
	width:150px; 
	text-align:right;
}

#ffu_main div ul {
	list-style: none;
}

#ffu_main div a {
	color: #231f20;
	text-decoration: none;
}

#ffu_main div a:hover {
	color: #ec1b3b;
	cursor: pointer;
}

#ffu_main div ul, #ffu_commenthead h1 {
	margin: 0;
	padding: 0;
}

#ffu_main a img {
	border: none;
}

#ffu_main input {
	margin-bottom: 14px;
}

#ffu_main p {
	color: #231f20;
	font: 12px/16px "Helvetica", Verdana;
}

.ffu_caption {
	color: #7b7b7b !important;
}

.ffu_bold {
	color: #ec1b3b;
	font-weight: bold;
}

span.ffu_tiny {
	display: block;
	color: #575757;
	font: 10px/14px "Helvetica", Verdana;
	padding-top: 10px;
}

/**** h1 ****/
#ffu_main div h1 {
	font: 18px/22px "Helvetica", Verdana;
	padding-bottom: 5px;
	border-bottom: solid 1px #ddd;
}

.ffu_h1 {
	color: #ec1b3b;
	margin-top: 25px;
	margin-bottom: 15px;
}

.ffu_h1_black {
	font: bold 16px/18px "Helvetica", Verdana !important;
	color: #231f20;
	border-bottom: none;
}

/**** h2 ****/
.ffu_h2 {
	display: block;
	text-decoration: none;
	background: url(../images/ffu_arrow_red.gif) no-repeat 0px 4px;
	font: bold 14px/16px "Helvetica", Verdana;
	color: #ec1b3b !important;
	text-indent: 12px;
	margin: 0 0 8px -10px;
}

/**** h3 ****/
#ffu_main div h3 {
	font: bold 12px/16px "Helvetica", Verdana;
	color: #231f20;
	text-indent: 10px;
	margin: 20px 0 10px -10px;
}

.ffu_h3_black {
	background: url(../images/ffu_arrow_black.gif) no-repeat 0px 4px;
}

.ffu_h3_red {
	background: url(../images/ffu_arrow_red.gif) no-repeat 0px 4px;
	color: #ec1b3b !important;
}

span.ffu_h3_red {
	background: url(../images/ffu_arrow_red.gif) no-repeat 0px 2px;
	font: bold 12px/16px "Helvetica", Verdana;
	padding-left: 10px;
}

#ffu_logo {
	float: left;
	margin: 14px 0 20px 0;
}

span.ffu_pdf {
	display: inline;
	position: absolute;
	background: #fff url('../images/pdficon_small.gif') no-repeat 0px 0px;
	height: 17px;
	width: 17px;
	margin-left: 10px;
}

/********** LEFT COLUMN **********/
#ffu_left {
	float: left;
	clear: left;
	width: 176px;
	padding-left: 18px;
}

#ffu_left ul {
	list-style: none;
	padding-left: 0;
	padding: 0 0 14px 0 !important;
	border-bottom: solid 1px #ddd;
}

#ffu_left ul.ffu_lastlist {
	border-bottom: none;
}

/********** CENTER COLUMN **********/
#ffu_center {
	width: 500px;
	float: left;
	padding: 24px 30px 0 30px;
	margin-bottom: 50px;
}

/********** Article **********/
#ffu_bar {
	display: block;
	background: #fff url('../images/ffu_bar_mid.gif') repeat-x 0 0;
	font: 18px/16px "Helvetica", Verdana;
	color: #6f6f6f;
	height: 33px;
	margin-bottom: 15px;
	overflow: hidden;
}

span.ffu_bar_left {
	float: left;
	background: transparent url('../images/ffu_bar_left.gif') no-repeat 0 0;
	height: 33px;
	padding: 8px 0 0 16px;
}

span.ffu_bar_text {
	float: right;
	padding-top: 8px;
}

span.ffu_bar_right {
	float: right;
	background: transparent url('../images/ffu_bar_right.gif') no-repeat 0 0;
	height: 33px;
	width: 17px;
}

#ffu_media {
	display: block;
	width: 500px;
	height: 280px;
	background: #000;
}

#ffu_article, ul#ffu_listissues {
	margin-bottom: 40px;
}

#ffu_article ul, #ffu_article ol {
	margin: 12px 0 18px 40px !important;
	list-style: square !important;
}

#ffu_article ul li, #ffu_article ol li {
	padding-bottom: 3px;
}

/********** Submit Comments **********/
#ffu_form {
	height: 440px;
}

#ffu_commenthead {
	height: 22px;
	border-bottom: solid 1px #ddd;
	margin-bottom: 15px;
}

#ffu_commenthead h1 {
	display: block;
	float: left;
	width: 200px;
	border: none !important;
}

.ffu_viewcomments {
	width: 100px;
	float: right;
	text-align: right;
	font: 12px/16px "Helvetica", Verdana;
	color: #ec1b3b !important;
}

#ffu_form input, #ffu_form textarea {
	float: left;
	clear: both;
	margin-bottom: 14px;
	width: 100%;
}
#ffu_form textarea {
	height: 190px;
	float:none !important;
}

#ffu_form label {
	display: block;
	float: left;
	clear: both;
	font-weight: bold;
}

.ffu_label_light {
	font-weight: normal !important;
	margin-bottom: 6px;
}

.ffu_label_captcha {
	clear: left;
}

input#ffu_captcha {
	clear: none;
	float: right;
	width: 91%;
}

input#ffu_submit {
	background: #fff url('../images/ffu_post.gif') no-repeat;
	float: right;
	border: none;
	height: 36px;
	width: 121px;
}

/********** RIGHT COLUMN **********/
#ffu_right {
	float: left;
	width: 176px;
	padding-left: 18px;
}

#ffu_issues li {
	font: 11px/12px "Helvetica", Verdana;
	padding-bottom: 10px;
	text-decoration: underline;
}

#ffu_issues li a:hover {
	color: #ec1b3b;
	text-decoration: underline;
}

#ffu_media_small {
	display: block;
	width: 200px;
	margin-top: 20px;
}


/********** NEW NAVIGATION - Added July 15, 2009 **********/
ul#main_nav {
	margin: 0 0 0 22px;
	padding: 0 0 0 1px;
	width: 977px;
	height: 24px;
	list-style: none;
	float: left;
	background: #000 url(../images/main_nav_divider.gif) no-repeat left top;
}

ul#main_nav li {
	float: left;
	height: 19px;
	margin: 0;
	padding: 5px 15px 0;
	text-align: center;
	font: normal 12px Arial, Helvetica, sans-serif;
	background: #000 url(../images/main_nav_divider.gif) no-repeat right top;
}

ul#main_nav li a {
	color: #fff;
	text-decoration: none;
}

ul#main_nav li:hover, ul#main_nav li.current {
	background: #d8d8d8 url(../images/main_nav_divider.gif) no-repeat right top;
}

ul#main_nav li.current a {
	color: #000 !important;
}

ul#main_nav li.current ul.second_level li a, ul#main_nav li.current ul.third_level li a, ul#main_nav li.current ul.second_level li:hover ul.third_level li a {
	color: #fff !important;
	text-decoration: none !important;
}

ul#main_nav li.current ul.second_level li a:hover, ul#main_nav li.current ul.third_level li a:hover, ul#main_nav li.current ul.second_level li:hover ul.third_level li:hover a {
	color: #000 !important;
	text-decoration: underline !important;
}

ul#main_nav li.current ul.second_level li:hover a {
	color: #000 !important;
	text-decoration: underline !important;
}

ul#main_nav li:hover a {
	color: #000;
	text-decoration: underline;
}

ul#main_nav li:hover ul.second_level {
	display: block !important;
	position: absolute;
	top: 24px;
}


/********** SECOND LEVEL OF MAIN NAV **********/
ul.second_level {
	display: none !important;	/* Hide second level by default */
	margin: 0 0 0 -15px;
	padding: 0;
	width: 150px;
	background-color: #666 !important;
	background-image: none;
	list-style: none;
}

ul.second_level li {
	padding: 3px 10px !important;
	width: 130px !important;
	height: auto !important;
	background-color: #666 !important;
	background-image: none !important;
	border-bottom: 1px solid #c0c0c0;
}

ul.second_level li:hover {
	background-color: #ddd !important;
	background-image: none !important;
}

ul.second_level li:hover a {
	color: #000 !important;
	text-decoration: underline !important;
}

ul.second_level li a {
	color: #fff !important;
	text-decoration: none !important;
	background-image: none !important;
}

ul.second_level li a:hover {
	color: #000 !important;
	text-decoration: underline !important;
	background-image: none !important;
}

ul.second_level li:hover ul.third_level {
	display: block !important;
	position: absolute;
	left: 150px;
	margin-top: -17px;
}


/********** THIRD LEVEL OF MAIN NAV **********/
ul.third_level {
	display: none !important;	/* Hide third level by default */
	margin: 0;
	padding: 0;
	width: 150px;
	background-image: none;
	list-style: none;
}

ul.third_level li {
	padding: 3px 10px !important;
	width: 130px !important;
	height: auto !important;
	background-color: #666 !important;
	background-image: none !important;
	border-bottom: 1px solid #c0c0c0;
}

ul.third_level li:hover {
	background-color: #ddd !important;
	background-image: none !important;
}

ul.second_level li:hover ul.third_level li:hover a {
	color: #000 !important;
	text-decoration: underline !important;
}

ul.second_level li:hover ul.third_level li a {
	color: #fff !important;
	text-decoration: none !important;
	background-image: none !important;
}

ul.second_level li:hover ul.third_level li a:hover {
	color: #000 !important;
	text-decoration: underline !important;
	background-image: none !important;
}