@CHARSET "ISO-8859-1";

/*-----------interior.css-----------------------------------------------

interior.css
 --For interior.htpl (interior pages template)

master.css
 --Global css used by all pages

home.css
 --For home.htpl (home page template)

---------------------------------------------------------------------*/

/* #maincontent (container between navtrail and footer*/


#maincontent	{
	width: 				710px;			
	border-right: 		1px solid #c2c8ca;
	text-align: 		left;
	margin: 			0 auto;
	position:			relative;
	left:				25px;
	padding:			0 4px 10px 0;
	float:				left;
}

#maincontent p,
#maincontent td,
#maincontent ul,
#maincontent li {
	color:				#3d4950;
	font-size:			11px;
	margin:				6px 10px 10px 0;
	line-height:		1.5em;
}

#maincontent img {
	padding-bottom:		6px;
}

#maincontent #peoplepic {
float: right;
padding-top: 17px;
padding-right: 0pt;
padding-bottom: 9px;
padding-left: 10px;

}

#maincontent a,
#maincontent a:visited {
	
}

/*basic typography*/
#maincontent h1,
#maincontent h2,
#maincontent h3,
#maincontent h4,
#maincontent h5,
#maincontent dt,
#maincontent th,
#maincontent strong{
	font-family:		arial, helvetica, sans-serif;
}
#maincontent h1 {
	color:				#999ea2;
	font-size:			16px;
	font-weight:		bold;
	margin:				0.4em 0 0.4em 0;
}

#maincontent h2 {
	font-size:			21px;
	color:				#e6b444;
}


#maincontent h3,
#maincontent dt {
	font-size:			14px;
	color:				#555f68;
}

#maincontent h4 {
	font-weight:		bold;
	font-size:			12px;
	color:				#3d4950;
	padding-top:		6px;
}

#maincontent h5,
#maincontent th {
	color:				#3d4950;
	margin-bottom: 		-5px;
	font-weight:		bold;
	font-size:			11px;
}

#maincontent address {
	color:				#3d4950;
	padding:			15px 0 8px 0;
	font-style:			normal;
	line-height:		1.5em;
}


/*end basic typography*/

/*feature boxes*/
#maincontent div.subsection {
	margin-top:			20px;
	padding-top:		18px;
	font-size:			11px;
	background:			url(/images/background-dotline.gif) repeat-x;
}

#maincontent div.subsection ul li {
	padding-bottom:		4px;
	font-size:			11px;
}

#maincontent div.subsection div.floatright p {
	width:				320px;
	padding:			0 0 0 0;
}

#maincontent div.subsection div.floatright ul {
	width:				180px;
}

/*end feature boxes*/

/*subsection*/
#maincontent div.subsection {
	display:			block;
	float:				left;
	padding-top:		16px;
	border-top:			dotted 1px #999ea2;
	margin-top:			16px;
	width:				100%

}
/*endsubsection*/


/* banners*/
#maincontent div.productsbanner {
	width:				710px;
	height:				100px;
	background:			url(/images/banner-intelligentmailbarcode.gif) no-repeat bottom left;
	margin:				0 0 10px 0;
	position:			relative;
	padding:			0;
}


#maincontent div.servicesbanner {
	width:				710px;
	height:				100px;
	background:			url(/images/banner-services.gif) no-repeat bottom left;
	margin:				0 -17px 15px -16px;
	position:			relative;
	padding:			0;
}


#maincontent div.roadmapbanner {
	width:				288px;
	height:				216px;
	display:			inline;
	float:				right;
	background:			url(/images/banner-roadmap.gif) no-repeat bottom left;
	position:			relative;
	padding:			0;
}


#maincontent div.productsbanner p,
#maincontent div.servicesbanner p,
#maincontent div.solutionsbanner p,
#maincontent div.resourcesbanner p,
#maincontent div.partnersbanner p,
#maincontent div.companybanner p {
	font-family:		helvetica, sans-serif;
	color:				#fff;
	font-weight:		bold;
	line-height:		1.2em;
	font-size:			25px;
	position:			relative;
	top:				10px;
	left:				15px;
	margin:				0;
}

/*end banners*/

#maincontent dl.contentbox {
	margin:				14px 0 14px -1px;
	position:			relative;
	left:				1px;
	top:				4px;
	border:				solid 1px #c2c8ca;
	float:				left;
	display:			inline;
	width:				33%;
	height:				200px;
}

#maincontent dl.contentbox dt {
	height:				50px;
	border-bottom:		solid 1px #c2c8ca;
	padding:			15px 8px 0 9px;
	background:			#f2fff2;

}

#maincontent dl.contentbox dd {
	padding:			0 8px 8px 9px;
}

#maincontent dl.contentbox p {
	margin-bottom:		0px;
}

#maincontent dl.contentbox a {
	display:			block;
	height:				23px;
	position:			absolute;
	left:				10px;
	bottom:				10px;
}


/*maincontent column layouts*/
#maincontent #content {
	/*see ie.css for boxmodel hack for ie5*/
	float: 				left;
	display:			inline;
	width:				700px;
	border-right: 		1px solid #c2c8ca;
	padding:			0 25px 0 0;
}


#maincontent #contextual {
	/*see ie.css for boxmodel hack for ie5*/
	float: 				left;
	display:			inline;
	width:				169px;
	padding-left:		10px;
	border-left: 		1px solid #c2c8ca;
	margin:				0 -15px 0 -1px; /*merge borders*/
}
/*end maincontent column layouts*/

/* #maincontent elements*/

#maincontent div.col1 {
	/*see ie.css for boxmodel hack for ie5*/
	width:				340px;
	float:				left;
	padding-right:		10px;
	border-right:		solid 1px #c2c8ca;
	
}

#maincontent div.col2 {
	/*see ie.css for boxmodel hack for ie5*/
	width:				340px;
	float:				right;
	padding-left:		10px;
	margin-left:		-1px; /*merge borders*/
	border-left:		solid 1px #c2c8ca;
}

#maincontent div.noborder {
	border:				0;
}

#maincontent div.floatright img {
	margin-left:		2px;
}

#maincontent div.floatleft img {
	margin:				20px 10px 0 5px !important;
}


#maincontent div.customers {
	width:				190px;
	height:				80px;	
	padding-top:		20px;
}

#maincontent ul, 
#maincontent ol {
	margin:				1em 0;
	line-height:		18px;
}


/* tables */

#maincontent table {
	margin:				6px 0 10px 0;
}

#maincontent table tbody {
	padding:		0;
}

#maincontent table th {
	border-bottom:		1px solid #d9dddf;
	text-align: 		left;
	padding-left:		5px;
	padding-bottom:		5px;
}

#maincontent table tr.row1 {
	background-color:	#ffffff !important;
}

#maincontent table tr.row2 {
	background-color:	#f2f4f5 !important;
}

#maincontent table td {
	text-align: 		left;
	padding-right:		5px;
	padding-left:		5px;
	padding-bottom:		5px;
}

#maincontent table td.spacer {
	width:				25px;
}

/* FAQs */

#maincontent table.faq {
	margin:				6px 0 10px 0;
}

#maincontent table.faq caption {
	background:			#e3e6e8;
	font-family:		verdana, arial,sans-serif;
	font-size:			11px;
	height:				30px;
	border-bottom:		1px solid #9ea4a8;
	padding-left:		10px;
	line-height:		30px;

}

#maincontent table.faq tbody {
	padding:		0;
}

#maincontent table.faq th {
	background:			url(/images/icon-faq.png) top left no-repeat;
	border-bottom:		1px solid #d9dddf;
	text-align: 		left;
	padding-left:		25px;
	padding-bottom:		6px;
}

#maincontent table.faq tr.answer th {
	background-color:	#f2f5f6 !important;
}

#maincontent table.faq td {
	/*border-bottom:		1px solid #d9dddf;*/
	/*border-left:		1px solid #d9dddf;*/

}

#maincontent table td.answer {
	background-color:	#f2f4f5 !important;
}

#maincontent table td.spacer {
	width:				25px;
}

/* End FAQs */

/* end tables */



/* glossary  */

#glossary #glossarynav {
	margin-bottom:		20px;
	height:				20px;
	font-size:			10px;
	font-weight:		bold;
	font-family:		verdana, arial, helvetica, sans-serif;
}

#glossary #glossarynav li {
	display:			inline;
}

#glossary #glossarynav li a,
#glossary #glossarynav li a:visited {
	float:				left;
	display:			inline;
	border-right: 		1px solid #c2c8ca;
	padding:			0 10px 0 9px;
}

#maincontent #glossary h3 {
	margin-left:		6px;
}


#maincontent #glossary table {
	margin-left:		6px;
	margin-bottom:		14px;
}

#maincontent #glossary a.floatright {
	padding-right:		14px;
}

/*  end glossary*/

/*lists*/

#maincontent ul.check li {
	background:			url(/images/icon-check.png) no-repeat 0 4px;
	color:				#3d4950;
	padding-left:		25px;
	padding-bottom:		4px;
	font-size:			11px;
}

#maincontent ul.go li {
	background:			url(/images/icon-go.png) no-repeat 0 4px;
	color:				#3d4950;
	padding-left:		25px;
	padding-bottom:		4px;
	font-size:			11px;
}

#maincontent ul.cog li {
	background:			url(/images/icon-cog.png) no-repeat 0 4px;
	color:				#3d4950;
	padding-left:		25px;
	padding-bottom:		4px;
	font-size:			11px;
}

#maincontent ul.qb li {
	background:			url(/images/icon-qb.gif) no-repeat 0 4px;
	color:				#3d4950;
	padding-left:		25px;
	padding-bottom:		4px;
	font-size:			11px;
}

#maincontent ul.calc li {
	background:			url(/images/icon-calc.png) no-repeat 0 4px;
	color:				#3d4950;
	padding-left:		25px;
	padding-bottom:		4px;
	font-size:			11px;
}

#maincontent ul.warning li {
	background:			url(/images/icon-warning.png) no-repeat 0 4px;
	color:				#3d4950;
	padding-left:		25px;
	padding-bottom:		4px;
	font-size:			11px;
}

#maincontent ul.standard li {
	padding:			4px 0 0 25px;
	line-height:		.5em;
	color:				#3d4950;
	background:			url(/images/bullet-green.png) no-repeat 4px;
}

#maincontent ul.news li {
	background:			url(/images/icon-rightarrow.gif) no-repeat;
	padding:			0px 0 0px 20px;

}

/*end lists*/

/* FAQ */


#maincontent #faq dt {
	border-bottom:		1px solid #c2c8ca;
}
#maincontent #faq dt p.header {
	padding:			15px 0 0 0;
	margin:				0;
	font-size:			14px;
	color:				#3d4950;
	padding-bottom:		6px;	
}
#maincontent #faq dt p strong {
	font-family:		arial, helvetica, sans-serif !important;
}
#maincontent #faq dd {
	background-color:	#eff2f3;
	border-right:		1px solid #c2c8ca;
	border-bottom:		1px solid #c2c8ca;
	border-left:		1px solid #c2c8ca;
	padding:			10px 20px 0 13px;
}

#maincontent #faq dd p {
	margin-top:			0 !important;
}

#maincontent #faq dd div.answer {
	display:			none;
}

#maincontent #faq dd div.answer p.close {
	font-size:			0.9em;
}

#maincontent #faq dd div.answer ol {
	margin-left:		20px;
	color:				#3d4950;
}

#maincontent #faq dd div.answer ol li {
	list-style-type: 	decimal;
	margin:				0 0 5px 0;
	line-height:		1.4em;

}

 /* #content elements
------------------------*/

#maincontent #content img {

	margin-right: 0px;
	padding-bottom:		5px;
}

#maincontent #content div.wrap p,
#maincontent #content div.wrap ul {
	padding-right:		110px;
}

 /* #contextual elements
------------------------*/

#maincontent #contextual a,
#maincontent #contextual a:visited {
	color:				#2b869e;
}

#maincontent #contextual p {
	margin:				0 0 1em 0;
	font-size:			9px;
}

#maincontent #contextual blockquote {
	margin-top:			25px;
	padding-top:		12px;
	border:				0;
	border-top:			4px solid #e2e7e9;

}



/*Nav Side*/
#related {
	position:			relative;
	top:				30px;
	border:				solid 1px #e2e7e9;
	margin-bottom:		25px;
	margin-right:		4px;
	overflow:			hidden;
	float:				right;
	display:			inline;
	width:				170px;
}


#related h4 {
	background-color:	#e2e7e9;
	font-family:		verdana, arial, helvetica, sans-serif;
	font-weight:		bold;
	font-size:			11px;
	color:				#3d4950;
	padding-top:		6px;
	padding-bottom:		6px;
	text-indent:		15px;
}
#related #navside {
	font-size:			11px;
	line-height:		2em;
}

#related #navside li {
	background:			url(/images/icon-rightarrow.gif) no-repeat;
	padding:			0 0 0 15px;
}

#related #navside ul li {
	background:			none;
}
* html #related #navside ul li {
	display: inline;
}

#related #navside a,
#related #navside a:visited {
	display:			block;
	color:				#327BBF;
}

#related #navside ul {
	font-weight:		normal;
	line-height:		1.4em;
	margin-bottom:		5px;
}

#related #navside ul a,
#related #navside ul a:visited {
	padding:		 	0 5px 0 0;
}

#related #navside a.selected,
#related #navside a.selected:visited {
	text-decoration:	none;
	color:				#df4e1f;
	

}

/*End Nav Side*/

/* breadcrumbs */

#navtrail {
	width:				883px;
	height:				22px;
	font-weight:		normal;
	float:				left;
	display:			inline;
	padding:			10px 10px 10px 25px;
	
/*End breadcrubms */
}


.codeBlue {
	color: blue;
	}
.codeRed {
	color: #970000;
	}
.codeGreen {
	color: green;
	}