﻿/*
colors:
	burgundy: #7d0f0f
	steel blue: #4682b4

*/
html
{
	background-color: #d0d0d0;
}

body
{
	margin: auto;
	width: 830px;

	background-color: #ffffff;

	font-family: Verdana,Sans-Serif;
	font-size: 12px;

	border-left: solid #a0a0a0 3px;
	border-right: solid #a0a0a0 3px;
	padding: 0px 2px;
}

.clearboth
{
	clear: both;
}

.dnccolor1
{
	color: #7d0f0f;
}

.hidden
{
	visibility: hidden;
}

.display_none
{
	display: none;
}

/* workaround for IE6 rendering bug where content doesn't show up until
selected or roll over menu is activated or page is refreshed using F5 */
* html .visualIEFloatFix
{
 height: 0.01%;
}

/*********************************************************************
*
*
*						Header Divs
*
*
*********************************************************************/
#headerdiv
{
	height: 94px;

	background-color: white;
}
#headerdiv_bar
{
	clear: both;
	height: 10px;
	width: 100%;
	border-bottom: solid 3px #98191d;
	/* background-image: url(../../images/red_bar.jpg);
	background-color: #98191d;
	background-repeat: repeat-x; */
}

#footerdiv_bar
{
	clear: both;
	height: 10px;
	width: 100%;
	border-top: solid 2px #98191d;
	/*background-image: url(../../images/red_bar.jpg);
	background-color: #98191d;
	background-repeat: repeat-x; */
}

.dividerbar
{
	padding: 0px 0.5em;
}

#headerdiv a
{
	color: #4C7CD0;
	text-decoration: none;
}

#headerdiv a:hover
{
	color: #4C7CD0;
	text-decoration: underline;
}

/*********************************************************************
*
*
*						Menu Divs
*
*
*********************************************************************/
.menu
{
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 25px;
	background-image: url(../../images/menubar.jpg);
	background-repeat: repeat-x;
	z-index: 100;
	margin-top: 2px;
	border-top: solid 1px #fff;
}
.menu div.menuitem
{
	float: left;
	width: 112px;
	text-align: center;
}

.menu a
{
	float: left;
	width: 100%;
	height: 22px;

	text-decoration: none;
	border: none green 1px;
	background-color: Transparent;
	color: #000;
	font-weight: bold;

	padding-top: 3px;

}

.menu a:hover
{
	/* background-image: url(../../images/menubar_rollover.jpg);
	background-color: #ffffff;
	color: #87877f; */
	background-color: #7d0f0f;
	color: #ffffff;
}

.menu div.divdate
{
	float: left;
	width: 377px;
	height: 25px;
	padding-right: 5px;
	text-align: right;
	border: none green 1px;
	background-color: Transparent;
}

/*********************************************************************
*
*
*						Submenu 1 Menu Divs
*
*
*********************************************************************/
div.divproduct
{
	display: none;
	position: absolute;
	background-color: Transparent;/* lime; /*#e6e3d2;*/
	width: 830px;
	z-index: 1;
	font-size: smaller;
}

div.divproducttopicwrapper
{
	height: 19px;
	background-image: url(../../images/productbar.jpg);
	background-repeat: repeat-x;
}

div.divsupport
{
	display: none;
	position: absolute;
	background-color: Transparent;/* lime; /*#e6e3d2;*/
	width: 720px;
	z-index: 1;
	font-size: smaller;
}

div.divsupporttopicwrapper
{
	height: 8em;
	background-color: Transparent;
}

div.divabout
{
	display: none;
	position: absolute;
	background-color: Transparent;/* lime; /*#e6e3d2;*/
	width: 720px;
	z-index: 1;
	font-size: smaller;
}

div.divabouttopicwrapper
{
	height: 4em;
	background-color: Transparent;
}

/*********************************************************************
*
*
*						Submenu 2 Menu Divs
*
*
*********************************************************************/
div.divproducttopicmenu
{
	float: left;
	width: 112px;
	text-align: center;
	height: 100%;
	background-image: url(../../images/productbar.jpg);
	background-repeat: repeat-x;
}

div.divproducttopicmenu a
{
	text-decoration: none;
	float: left;
	width: 100%;
	height: 100%;
	padding: 3px 0px;
	color: #000000;
	font-weight: normal;
}

div.divproducttopicmenu a:hover /*, div.divproducttopicmenu div div:hover /* this is for IE6 */
{
	background-color: #ffffff;
	color: #7d0f0f;
	font-weight: bold;
}

div.divsupporttopicmenublank
{
	float: left;
	width: 112px;
	text-align: center;
	height: 100%;
	background-color: Transparent;
}

div.divsupporttopicmenu
{
	float: left;
	width: 112px;
	text-align: center;
	height: 100%;
	background-color: #ffffff;
}

div.divabouttopicmenublank
{
	float: left;
	width: 112px;
	text-align: center;
	height: 100%;
	background-color: Transparent;
}

div.divabouttopicmenu
{
	float: left;
	width: 112px;
	text-align: center;
	height: 100%;
	background-color: #ffffff;
}

/*********************************************************************
*
*
*						Submenu 2 Menu Content Divs
*
*
*********************************************************************/
div#divbyproduct, div#divbyapplication, div#divbyindustry
{
	display: none;
	background-color: #ffffff;
	height: 130px;
}

div.divproducttopiccontentleft
{
	float: left;
	width: 166px;
	height: 100%;
	text-align: left;
	background-color: #ffffff;
	border-left: solid #ffffff 2px;
	padding-left: 6px;
	padding-right: 6px;
	line-height: 1.5em;
}

div.divproducttopiccontent
{
	float: left;
	width: 166px;
	height: 100%;
	text-align: left;
	background-color: #ffffff;
	border-left: dotted #c8c8c8 2px;
	padding-left: 6px;
	padding-right: 6px;
	line-height: 1.5em;
}

div.divproducttopiccontentleft.extrawide, div.divproducttopiccontent.extrawide
{
	width: 250px;
}

div.divproducttopiccontentheader
{
	color: #7d0f0f;
	font-weight: bold;
	padding-top: 5px;
}

div.divproducttopiccontentheader a:link
{
	text-decoration: none;
	color: #7d0f0f;
}
div.divproducttopiccontentheader a:visited
{
	text-decoration: none;
	color: #7d0f0f;
}
div.divproducttopiccontentheader a:hover
{
	text-decoration: none;
	color: #7d0f0f;
}

div.divproducttopiccontentitem
{
	padding-top: 5px;
}

div.divproducttopiccontentitem ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div.divproducttopiccontentitem a
{
	text-decoration: none;
	color: #000000;
}
div.divproducttopiccontentitem a:visited
{
	text-decoration: none;
	color: #000000;
}
div.divproducttopiccontentitem a:hover
{
	text-decoration: underline;
	color: #000000;
}

div.divsupporttopiccontent
{
	float: left;
	width: 166px;
	height: 100%;
	text-align: left;
	background-color: #ffffff;
	padding: 6px;
	line-height: 1.5em;
}

div.divsupporttopiccontent.extrawide
{
	width: 250px;
}

div.divsupporttopiccontentitem ul
{
	margin: 0px;
	padding-left: 10px;
	list-style-type: none;
}

div.divsupporttopiccontentitem a
{
	text-decoration: none;
	color: #000000;
}
div.divsupporttopiccontentitem a:visited
{
	text-decoration: none;
	color: #000000;
}
div.divsupporttopiccontentitem a:hover
{
	text-decoration: underline;
	color: #000000;
}

div.divabouttopiccontent
{
	float: left;
	width: 166px;
	height: 100%;
	text-align: left;
	background-color: #ffffff;
	padding: 6px;
	line-height: 1.5em;
}

div.divabouttopiccontent.extrawide
{
	width: 250px;
}

div.divabouttopiccontentitem ul
{
	margin: 0px;
	padding-left: 10px;
	list-style-type: none;
}

div.divabouttopiccontentitem a
{
	text-decoration: none;
	color: #000000;
}
div.divabouttopiccontentitem a:visited
{
	text-decoration: none;
	color: #000000;
}
div.divabouttopiccontentitem a:hover
{
	text-decoration: underline;
	color: #000000;
}

/*********************************************************************
*
*
*						Shopping Cart Div
*
*
*********************************************************************/
div.divcart
{
	visibility: hidden;
	background-color: transparent; /*#ffffff;*/
	position: absolute;
	top: 0px;
	width: 196px;
	height: 100px;
	border: solid #7d0f0f 2px;
	font-size: 7pt;
}

/* this is for IE6 only */
div.divcart
{
	left: 630px;
}

/* IE 6 CSS hack
IE6 does not see the following rules
*/
html>body div.divcart
{
	left: 630px;
}

div.divcart div.cartheader
{
	height: 21px;
	padding-top: 2px;
	background-color: Transparent;
	text-align: center;
	font-weight: bold;
}

div.divcart div.cartcontent
{
	background-color: #b1c3cf;
	height: 54px;
}

div.divcart div.cartcontent div.cartcontentleft
{
	float: left;
	width: 98px;
	text-align: right;
}

div.divcart div.cartcontent div.cartcontentleft div
{
	padding-top: 2px;
	height: 16px;
}

div.divcart div.cartcontent div.cartcontentright
{
	float: left;
	width: 98px;
	text-align: left;
}

div.divcart div.cartcontent div.cartcontentright div
{
	padding-top: 2px;
	padding-left: 2px;
	height: 16px;
	font-weight: bold;
}

div.divcart div.cartfooter
{
	background-color: #e8e7dd;
	height: 23px;
	text-align: center;
}

div.divcart div.cartfooter div.cartfooterleft
{
	float: left;
	width: 97px;
	height: 17px;
	padding-top: 2px;
	border-right: solid #ffffff 1px;
}

div.divcart div.cartfooter div.cartfooterright
{
	float: left;
	width: 97px;
	height: 17px;
	padding-top: 2px;
	border-left: solid #ffffff 1px;
}

div.divcart div.cartfooter a
{
	text-decoration: none;
}

div.divcart div.cartfooter a:hover
{
	text-decoration: underline;
	background-image: none;
	background-color: Transparent;
	height: 100%;
}

/*********************************************************************
*
*
*						Content Div
*
*
*********************************************************************/

div#divcontent
{
	background-color: #ffffff;
}

div#divcontent div.headlineplaceholder
{
	width: 100%;
	height: 80px;
	font-size: 18pt;
	font-weight: bold;
	display: none;
}

div#divcontent div.headline
{
	padding-left: 20px;
	font-size: 18pt;
	font-weight: bold;
	color: #aa191d;
}

div#divcontent div.mainimage
{
	border: none;
	width: 830px;
	height: 235px;
	background-image: url(../../images/welcome.jpg);
	color: #000;
}

div#divcontent div.mainimage div.mainimageheadline
{
	font-size: 14pt;
	padding: 16px 0px 12px 20px;
}

div#divcontent div.mainimage div.mainimagecontent
{
	padding: 0px 20px 0px 20px;
}

div#divcontent div#maincontent
{
	line-height: 1.7em;
}

div#divcontent div#maincontent div.maincontentsingle
{
	float: left;
	width: 608px;
}

div#divcontent div#maincontent div.maincontentleft
{
	float: left;
	width: 390px; 
}

div#divcontent div#maincontent div.maincontentmiddle
{
	float: left;
	width: 32px;
}

div#divcontent div#maincontent div.maincontentright
{
	float: left;
	width: 390px;
}



.xnanofirstletter
{
	color: #7d0f0f;
	font-weight: bold;
}

/*********************************************************************
*
*
*						Middle Bar Div
*
*
*********************************************************************/

div#divcontent div.middlebar
{
	margin-top: 2px;
	background-image: url(../../images/productbar.jpg);
	background-repeat: repeat-x;
	height: 21px;
	padding-top: 4px;
	text-align: center;
}

div#divcontent div.middlebar div
{
	float: left;
	width: 206px;
}

div#divcontent div.middlebar div.middlebarleft
{
	border-right: solid #ffffff 1px;
}

div#divcontent div.middlebar div.middlebarcenter
{
	border-right: solid #ffffff 1px;
	border-left: solid #ffffff 1px;
}

div#divcontent div.middlebar div.middlebarright
{
	border-left: solid #ffffff 1px;
}

/*********************************************************************
*
*
*						Footer Div
*
*
*********************************************************************/
div#footerdiv
{
	margin-top: 2px;
}

div.footercontentleft
{
	float: left;
	width: 380px;
	height: 2em;
	padding: .5em 0px;
	text-align: left;
}

div.footercontentleft a
{
	color: #4C7CD0;
	text-decoration: none;
}

div.footercontentleft a:hover
{
	color: #808080;
	text-decoration: none;
}

div.footercontentright
{
	float: left;
	width: 450px;
	height: 2em;
	padding: .5em 0px;
	text-align: right;
	font-size: xx-small;
}

/*********************************************************************
*
*
*						Compliance Div
*
*
*********************************************************************/
div.compliance
{
	padding-top: 10px;
}

img.compliance
{
	width: 730px;
	height: 26px;
}

/*********************************************************************
*
*
*						Test Kits
*
*
*********************************************************************/
table#tbl_testkitdetails
{
	border-collapse: collapse;
}

table#tbl_testkitdetails td
{
	border: solid 1px #000000;
	padding: 5px;
}

a.home_a, a.home_a:visited
{
	text-decoration: none;
	color: #000000;
}

a.home_a:hover
{
	text-decoration: underline;
}

/*********************************************************************
*
*
*						Cartridge Manufacturer & Distributors Registration
*
*
*********************************************************************/
div.cartridge_manufacturer_distributor_registration
{
	padding: 10px;
	background-image:url(../../images/contactIllustration.jpg);
	background-repeat:no-repeat;
	background-position:2% 12%;
}

div.cartridge_manufacturer_distributor_registration table
{
	border: none;
}

div.cartridge_manufacturer_distributor_registration td
{
	padding: 0px 5px;
}

div.cartridge_manufacturer_distributor_registration td.label
{
	text-align: right;
}

div.cartridge_manufacturer_distributor_registration td.required
{
	font-weight: bold;
}

div.cartridge_manufacturer_distributor_registration td.field
{
	text-align: left;
	width: 220px;
}

div.cartridge_manufacturer_distributor_registration td.field input, div.cartridge_manufacturer_distributor_registration td.field textarea, div.cartridge_manufacturer_distributor_registration td.field select
{
	width: 100%;
}

div.cartridge_manufacturer_distributor_registration td.field input.submitbutton
{
	width: auto ! important;
}

/*********************************************************************
*
*
*						Corporate Profile
*
*
*********************************************************************/
div.corporatecontent
{
	 padding: 12px 20px;
	 padding-top: 0px;
	 text-align: justify;
}

div.corporatecontent div.corporatecontentcolumn
{
	 float: left;
	 width: 388px;
	 line-height: 140%;
}

div.corporatecontent div.corporatecontentcolumn div
{
	padding-top: 10px;
}

/*********************************************************************
*
*
*						Sign In, Register
*
*
*********************************************************************/
div.topbarheading
{
	padding: 5px;
	background-color: #7d0f0f;
	color: #ffffff;
}
div.topbarsubheading
{
	padding: 5px;
	background-color: #e4dfcb;
	color: #000000;
	font-size: smaller;
}

div.signin
{
	 border: solid 2px #7d0f0f;
	 padding: 10px;
	 margin: 10px;
}

div.signin div.label
{
	padding-top: 5px;
}

div.signin div.field
{
}

div.signin div.button
{
	padding-top: 5px;
	text-align: right;
}

div.register
{
	 border: solid 2px #7d0f0f;
	 padding: 10px;
	 margin: 10px;
}

div.register div.label
{
	padding-top: 5px;
}

div.register div.field
{
}

div.register div.button
{
	padding-top: 5px;
	text-align: right;
}

/*********************************************************************
*
*
*						Ink Purchase Request
*
*
*********************************************************************/
div.ink_purchase_request
{
}

div.ink_purchase_request table.companyinfo
{
	border: none;
	font-size: smaller;
}

div.ink_purchase_request table.companyinfo td
{
	padding: 0px 3px;
}

div.ink_purchase_request table.companyinfo td.label
{
	text-align: right;
}

div.ink_purchase_request table.companyinfo td.required
{
	font-weight: bold;
}

div.ink_purchase_request table.companyinfo td.field
{
	text-align: left;
	width: 200px;
}

div.ink_purchase_request table.companyinfo td.field input, div.ink_purchase_request table.companyinfo td.field textarea, div.ink_purchase_request table.companyinfo td.field select
{
	width: 90%;
	font-size: 9pt;
}

div.ink_purchase_request table.companyinfo td.middleSpacing
{
	width: 30px;
}


div.ink_purchase_request table.companyinfo td.field input.submitbutton
{
	width: auto ! important;
}

div.ink_purchase_request td.tdFieldDescr
{
	width: 100px;
	text-align: right;
	font-family: Arial, Sans-Serif;
	font-size: 9pt;
	height: 24px;
	padding-top: 8px;
	vertical-align:top;
}

div.ink_purchase_request td.tdFieldDescr2
{
	width: 210px;
	text-align: left;
	font-family: Arial, Sans-Serif;
	font-size: 9pt;
	height: 24px;
	padding-top: 4px;
	padding-left: 4px;
}

div.ink_purchase_request td.tdInputs
{
	font-size: 9pt;
	padding-left: 8px;
	width: 325px;
}

div.ink_purchase_request td.tdInputs2
{
	font-size: 9pt;
	padding-left: 0px;
}

div.ink_purchase_request td input.textbox
{
	border: solid 1px #666666;
	width: 140px;
	font-family: Arial, Sans-Serif;
	font-size: 9pt;
}

div.ink_purchase_request td input.textbox2
{
	border: solid 1px #666666;
	font-family: Arial, Sans-Serif;
	font-size: 9pt;
}

div.ink_purchase_request table.products
{
	font-size: smaller;
}

/*********************************************************************
*
*
*						Ink Specification
*
*
*********************************************************************/
div.inkspecification
{
	padding: 10px;
	font-size: smaller;
}

div.inkspecification div.table
{
	border: solid 1px #000000;
	margin-top: 10px;
}

div.inkspecification table
{
	width: 100%;
	text-align: center;
}

div.inkspecification table caption
{
	color: #7d0f0f;
	font-weight: bold;
	font-size: larger;
	padding: 5px;
}

div.inkspecification table thead
{
	background-color: #e4dfcb;
	font-weight: bold;
	text-align: center;
}
div.inkspecification table thead td
{
	padding: 10px 3px;
}

div.inkspecification table tbody
{
}

div.inkspecification table tbody td
{
	padding: 5px 0px;
}

div.inkspecification table tbody td.heading, div.inkspecification table thead td.heading
{
	font-weight: bold;
	text-align: left;
	padding-left: 4px;
	white-space: nowrap;
	border-right: solid 1px #000;
}

div.inkspecification table thead td
{
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
}


/*********************************************************************
*
*
*						Check Printing World Wide
*
*
*********************************************************************/

div.checkprintingworldwide
{
	padding: 10px;
}

div.checkprintingworldwide table
{
	border-collapse: collapse;
	width: 100%;
}

div.checkprintingworldwide table td
{
	border: solid 1px #000000;
	padding: 2px;
	text-align: center;
}

div.checkprintingworldwide table thead
{
	font-weight: bold;
	text-align: center;
	background-color: #505050;
	color: #ffffff;
}

div.checkprintingworldwide table tbody td.heading
{
	font-weight: bold;
	text-align: left;
}

div.checkprintingworldwide div.lefttable
{
	float: left;
	width: 400px;
}

div.checkprintingworldwide div.righttable
{
	float: right;
	width: 400px;
}

div.checkprintingworldwide img.checked
{
	border: none;
	width: 14px;
	height: 14px;
}

table.innerdetails, table.innerdetails tr, table.innerdetails tr td
{
	border:solid 1px #fff;
	width: 11px;
}
