/* BEGIN PASTED */

.clearer {
	float: none !important /* Remove any inherited floats */;
	display: block !important /* Make sure our element is a block-level element */;
	clear: both !important /* Make sure it clears on both sides */;
	margin: 0 !important /* Remove all margins that would make it visible */;
	border: 0 !important /* Remove all borders that would make it visible */;
	padding: 0 !important /* Remove all padding that would make it visible */;
	height: 0.1px !important /* Mozilla/Firefox require the clearer height to not be 0, bug? */;
	font-size: 0 !important /* Set the font-size to 0 so it isnt visible */;
	}

/* Clearfix */

.clearfix:after
{
	content: ".";
	display: block;
	height: 0.1px;
	clear: both;
	font-size: 0;
	visibility: hidden;
}
.clearfix
{
	display: inline-table;
}

* html .clearfix
{
	height: 1%;
}
.clearfix
{
	display: block;
	
}
/* */

* {margin: 0; padding: 0;}

img	{
border: 0;
}

html {
	height: 100%;
}

body {
	background: url(../images/bodyBKG.gif) top left repeat-x;
	font: normal 12px/24px Arial, Helvetica, Geneva, sans-serif;
	min-height: 101%;
	text-align: center;
	color: #003c79;
}
	
#container {
	text-align: left;
}

/* @group IE PNG Fix */

img ,
div {
	behavior: url(pngfix/iepngfix.htc)
}

/* @end */

/* END PASTED */

/* ORIGINAL */

.wrap	{
	background: url(../images/wrapBKG.gif) top center no-repeat;
	margin: 0 auto;
	width: 846px;
	text-align: left;
}

#logoLink	{
	position: absolute;
	z-index: 10;
}

#logoLink img	{
	width: 270px;
	height: 165px;
}

#header ,
.container	{
	margin: 0 auto;
	width: 787px;
	text-align: left;
}


.container {
/*	background: url(../images/containerBKG.gif) top center no-repeat; */
}
	
#header	{
	height: 83px;
}

/* @group navbar */

#navbar	{
	height: 33px;
	padding-left: 285px;
}

#navbar .holder	{
	background: url(../images/navbarBKG.gif) no-repeat left top;
	width: 500px;
	height: 33px;
}

#navbar .holder a ,
#navbar .holder a img	{
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

/* @group aboutLink */

.holder a.aboutLink {
	background: url(../images/navbar_about_00.gif) no-repeat left top;
}

.holder a.aboutLink:hover {
	background: url(../images/navbar_about_01.gif) no-repeat left top;
}

body.about .holder a.aboutLink {
	background: url(../images/navbar_about_01.gif) no-repeat left top;
}

a.aboutLink img {
	width: 71px;
	height: 33px;
}

/* @end */



/* @group faqLink */

.holder a.faqLink {
	background: url(../images/navbar_faq_00.gif) no-repeat left top;
}

.holder a.faqLink:hover {
	background: url(../images/navbar_faq_01.gif) no-repeat left top;
}

body.faq .holder a.faqLink {
	background: url(../images/navbar_faq_01.gif) no-repeat left top;
}

a.faqLink img {
	width: 50px;
	height: 33px;
}

/* @end */

/* @group productsLink */

.holder a.productsLink {
	background: url(../images/navbar_products_00.gif) no-repeat left top;
}

.holder a.productsLink:hover {
	background: url(../images/navbar_products_01.gif) no-repeat left top;
}

body.products .holder a.productsLink {
	background: url(../images/navbar_products_01.gif) no-repeat left top;
}

a.productsLink img {
	width: 71px;
	height: 33px;
}

/* @end */

/* @group contactLink */

.holder a.contactLink {
	background: url(../images/navbar_contact_00.gif) no-repeat left top;
}

.holder a.contactLink:hover {
	background: url(../images/navbar_contact_01.gif) no-repeat left top;
}

body.contact .holder a.contactLink {
	background: url(../images/navbar_contact_01.gif) no-repeat left top;
}

a.contactLink img {
	width: 71px;
	height: 33px;
}

/* @end */



/* @end */

.container .content	{
	margin-top: 48px;
	margin-left: 72px;
	width:  450px;
/*	background-color: white; */
/*	border: 1px solid #eee; */
}

.container .content .borderTop ,
.container .content .borderBottom	{
	height: 10px;
	width:  450px;
}

.container .content .borderTop {
	background: white url(../images/borderTopBKG.gif) top center no-repeat;
}

.container .content .borderBottom {
	background: url(../images/borderBottomBKG.gif) top center no-repeat;
}


.container .content h1 ,
.container .contentWide h1 {
	background-color: white;
	padding: 24px 15px 0 15px;
	font: bold 21px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	margin-bottom: 0;
}

.container .content .line	{
	height: 10px;
	width: 450px;
	background: white url(../images/hr.gif) no-repeat center center;
	margin: 0;
}

.container .content p {
	background-color: white;
	margin: 0;
	padding: 6px 15px;
}

.contact .container .content p {
	background-color: transparent;
}


/* @group .contentWide */

.container .contentWide	{
	margin-top: 48px;
	margin-left: 72px;
	width:  632px;
/*	background-color: white; */
/*	border: 1px solid #eee; */
}

.container .contentWide .borderTop ,
.container .contentWide .borderBottom	{
	height: 10px;
	width:  632px;
}

.container .contentWide .borderTop {
	background: white url(../images/wideBorderTopBKG.gif) top center no-repeat;
}

.container .contentWide .borderBottom {
	background: white url(../images/wideBorderBottomBKG.gif) bottom center no-repeat;
	margin-bottom: 0;
}


.container .contentWide .line	{
	height: 10px;
	width: 632px;
	background: white url(../images/hrWide.gif) no-repeat center center;
	margin: 0;
}

.container .contentWide p {
	background-color: white;
	margin: 0;
	padding: 6px 15px;
}

/* END */

.container .secondContent {
	float: right;
	width: 175px;
	color: white;
	font: normal 12px/14px Arial, Helvetica, Geneva, sans-serif;
/* Below is Hack for IE6 */
		margin-top: -30px;
		margin-right: 48px;
}

.about .container .secondContent ,	
.faq .container .secondContent ,	
.contact .container .secondContent	{
	padding-top: 18px;
	padding-right: 20px;
	float: right;
	width: 160px;
	color: white;
	font: normal 12px/14px Arial, Helvetica, Geneva, sans-serif;
}

#footer	{
	margin: 0 auto;
	padding: 55px 0 0 0;
	width: 846px;
	text-align: left;
	height: 67px;
	background: white url(../images/footerBKG.gif) no-repeat top center;
}

#footer p	{
	margin-left: 65px;
}

/* @group productPage layout  */

.productMenu {
	float: right;
	padding-top: 25px;
	padding-right: 25px
}

a:link ,
a:visited ,
a:active {
	color: #003c79;
	font-weight: bold;
}
a:hover	{
	color: #f47a20;
	text-decoration: none;
	font-weight: bold;
}

.interactive {width: 632px; background-color: white; padding-top: 8px;}

.interactive .productDisplay	{width: 598px;  margin: 0 auto; padding: 0; border-top: 1px solid #003c79; border-left: 1px solid #003c79;}

/* border-right: 1px solid #003c79; border-bottom: 1px solid #003c79;   border-top: 1px solid #003c79; border-left: 1px solid #003c79; */

.interactive .productDisplay td	{width: 0; padding: 0;}

.interactive .productDisplay td.noBorder	{border-right: 0;}

 .interactive .productDisplay tr.alt td.productName	{background: #f88e28 url(../images/productAltBKG.gif) top left repeat-x;}

.interactive .productDisplay tr.alt td.productName	{color: white;}

.interactive .productDisplay td.pic {width: 75px; text-align: center; border-bottom: 1px solid #003c79; border-right: 1px solid #003c79; background-color: white; vertical-align: middle; padding-bottom: 0;}

.interactive .productDisplay td.pic img	{border: 0; margin-bottom: 0; padding-bottom: 0; vertical-align: middle;}

.interactive .productDisplay td.productName {padding-left: 16px; font-weight: bold; border-bottom: 1px solid #003c79; border-right: 1px solid #003c79; line-height: 13px;}

.interactive .productDisplay td.productName a:link ,
.interactive .productDisplay td.productName a:visited ,
.interactive .productDisplay td.productName a:active {
	color: #003c79;
	font-weight: bold;
	text-decoration: none;
}

.interactive .productDisplay td.productName a:hover	{
	color: #f88e28;
	text-decoration: none;
	font-weight: bold;
}

.interactive .productDisplay tr.alt td.productName a:link ,
.interactive .productDisplay tr.alt td.productName a:visited ,
.interactive .productDisplay tr.alt td.productName a:active {
	color: white;
	font-weight: bold;
	text-decoration: none;
}

.interactive .productDisplay tr.alt td.productName a:hover	{
	color: #003c79;
	text-decoration: none;
	font-weight: bold;
}

/* END */