@charset "utf-8";
body {
	font: 				12px Arial, Tahoma, Helvetica, sans-serif;
	background: 		#F8F8F8 url(/images/layout/bg-page.png) repeat-y center;
	margin: 			0;
	padding: 			0;
	text-align: 		center;
	color: 				#555;
}
a:link,a:visited,a:active {
	color:				#9C0059;
}
a:hover {
	color:				#E80085;
}
.layout #fullpage {
	background: 		url(/images/layout/bg-page-top.png) repeat-x top;
	_background: 		url(/images/layout/bg-page-top-IE6.png) repeat-x top;
	margin: 			0 auto;
	padding: 			0;
	width: 				100%;
}
.layout #container {
	background:			url(/images/layout/bg_header-dividers.gif) top no-repeat;
	margin: 			0 auto;
	padding: 			0 7px;
	width: 				900px;
	text-align: 		left;
}
.layout #header {
	height:				110px;
}
.layout #headerLogo {
	margin: 			13px 0 0 25px;
	width: 				263px;
	float: 				left;
}
.layout #headerMenu {
	margin: 			30px 0 0 0;
	width: 				570px;
	float:				right;
}
.layout #homepage {
	background:			url(/images/layout/bg_home.png) repeat-x top;
	margin: 			0 2px;
	padding: 			0;
	width: 				896px;
}
.layout #homeRightNav {
	background:			url(/images/layout/bg_right-nav.png) no-repeat;
	_background:		url(/images/layout/bg_right-nav-IE6.png) no-repeat;
	margin: 			18px 14px 0 0;
	padding: 			8px 9px 4px 4px;
	width: 				315px;
	height: 			404px;
	float:				right;
	_display:			inline;
	overflow:			hidden;
}
.layout #homeRightNavText {
	margin:				84px 0 0 28px;
	width:				200px;
	height:				122px;
	font-size:			11px;
	line-height:		14px;
}
.layout #homeRightNavText strong {
	font:				bold;
	color:				#9C0059;
}
.layout #homePhoto {
	margin:				0 0 20px 0;
	padding:			0;
	width:				530px;
}
.layout #homeText {
	border-top:			2px solid #CCC;
	border-bottom:		2px solid #CCC;
	background-color: 	#F8F8F8;
	margin: 			0 0 20px 23px;
	padding:			6px;
	width:				498px;
	font-size:			11px;
	line-height:		17px;
	text-align:			justify;
}
.layout #homeTitle {
	padding:			0;
	margin:				0 0 6px 23px;
	width:				509px;
	font:				24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: 				#9c0059;
}
.layout #pageTitle {
	border-top:			2px solid #CCC;
	border-bottom:		2px solid #CCC;
	background-color: 	#F8F8F8;
	margin: 			16px 0 10px 25px;
	padding: 			6px;
	width: 				613px;
	font:				22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: 				#9c0059;
}
.layout #mainContent {
	margin: 			0 0 16px 25px;
	padding: 			0;
	width: 				625px;
	line-height:		20px;
	text-align:			justify;
	min-height:         245px;
}
.layout #mainContent h1 {
	font-size:			15px;
	font-weight:		bold;
	color:				#036;
	padding:			10px 0;
}
.layout #rightNav {
	margin:	 			16px 25px 16px 0;
	padding: 			0;
	width: 				200px;
	float:				right;
	_display:			inline;
}
.layout #footer {
	background: 		#9C0059 url(/images/layout/bg-footer.png) repeat-x;
	margin: 			0 0 12px 25px;
	padding: 			0;
	width: 				850px;
	height: 			184px;
	font:				11px Tahoma, Geneva, sans-serif;
	color:				#FFF;
}
.layout #footerContact {
	background:			url(/images/layout/footer-made-in-usa.png) left no-repeat;
	margin: 			20px 0 0 25px;
	padding-left: 		105px;
	color:				#FFF;
	float:				left;
	_display:			inline;
}
.layout #footerContact strong {
	margin-bottom:		2px;
	color:				#ff99cc;
	font-weight:		normal;
	font:				11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.layout #footerNews {
	background:			url(/images/layout/bg-footer-news.png) no-repeat;
	margin:				23px 25px 0 0;
	width:				546px;
	height:				138px;
	float:				right;
	_display:			inline;
}
.layout #footerNews h1 {
	margin:				15px 0 0 28px;
	font:				14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:				#ff99cc;
	font-weight:		normal;
}
.layout #footerNews ul {
	margin:				0;
	padding:			0 0 0 28px;
	list-style-type:	none;
	line-height:		23px;
}
.layout #footerNews a {
	color: 				#FFF;
	text-decoration:	none;
}
.layout #footerNews a:hover {
	text-decoration:	underline;
}
.layout #footerMenu {
	margin:				11px 29px 0 0;
	float:				right;
	_display:			inline;
}
.layout #footerMenu ul {
	margin:				0;
	padding:			0;
	list-style-type:	none;
	line-height:		23px;
	list-style-image:	url(/images/layout/icon-arrow-footer.gif);
}
.layout #footerMenu a {
	color: 				#ff99cc;
	text-decoration:	none;
	font-weight:		bold;
}
.layout #copyright {
	margin:				0 25px 12px 25px;
	padding:			0;
	width:				850px;
	font-size:			11px;
}

.layout #copyright a {
	color: 				#555;
}

img.productLogo {
	margin:				3px 0 8px 16px;
}

.supportdoclogos {
						width: 198px;
						height: 100px;
						border: 1px dotted #CCC;
						margin-left: 15px;
						float:right;
						position: inherit;
}


.newsdate {
						padding-bottom:3px;
						text-align:right;
}
.newsreturn {
						padding-top:3px;
						text-align:right;
}

.productPhoto { border:1px solid #CCC; padding:3px; margin-top:8px; }

/* ---------------- */
/* FORM STYLES		*/
/* ---------------- */

form input { font-size:12px; padding:3px; border:solid 1px #B5B5B5; }
form input:focus { border:solid 1px #9C0059;  }
form select { font-size:11px; padding:3px; border:solid 1px #B5B5B5; }
form select:focus { border:solid 1px #9C0059;  }
form textarea { font-size:12px; padding:3px; border:solid 1px #B5B5B5; }
form textarea:focus { border:solid 1px #9C0059;  }
.formbutton { font-size:11px; color:#FFF; width: 78px; height:28px; background:url(/images/layout/button.png) no-repeat; border: 0 hidden; }




.tslegend { background-color:#9c0059; border:1px solid #CCC; padding:3px 10px; font-weight:bold; font-size:12px; color:#FFF; }
.tsleftbg { background:url(/images/layout/bg-tableset-left.gif) bottom left no-repeat; width:15px; }
.tsrightbg { background:url(/images/layout/bg-tableset-right.gif) bottom right no-repeat; }
.tscontent { background-color:#F8F8F8; border-right:1px solid #CCC; border-bottom:1px solid #CCC; border-left:1px solid #CCC; padding:10px; }







/*TABLE STYLES*/
td.tdbordercolumn { border:1px dotted #CCC; }

TD.tblmainhome		 { padding: 6px 6px 6px 6px; border-bottom: 1px #AFAFAF solid; font-family: Tahoma,Arial,Veradan; font-size: 11px; color: #000000; }
TD.tblmain		 { padding: 6px 6px 6px 6px; border-bottom: 1px #AFAFAF solid; font-family: Tahoma,Arial,Veradan; font-size: 12px; color: #000000; }
TD.tblmainheader { padding: 6px 6px 6px 6px; background: #3366CC; border-top: 2px #AFAFAF solid; border-bottom: 1px #8CC949 solid; font-family: Tahoma,Arial,Veradan; font-size: 11px; color: #FFFFFF; font-weight: bold; }

th				 	{ color: #FFFFFF; border-bottom: 2px solid #C39; text-transform: uppercase; padding: 6px; background-color:#820049; border-right: 1px dashed #CCCCCC; }
tr.rowOdd11 td 		{ background-color: #FFFFFF; padding: 8px; border-bottom: 1px solid #CCCCCC; border-right: 1px dotted #CCCCCC; }
tr.rowOdd12 td 		{ background-color: #FFFFFF; padding: 8px; border-bottom: 1px solid #CCCCCC; border-right: 1px dotted #CCCCCC; font-size: 12px; }
tr.rowEven11 td 	{ background-color: #F5F5F5; padding: 8px; border-bottom: 1px solid #CCCCCC; border-right: 1px dotted #CCCCCC; }
tr.rowEven12 td 	{ background-color: #F5F5F5; padding: 8px; border-bottom: 1px solid #CCCCCC; border-right: 1px dotted #CCCCCC; font-size: 12px; }
tr.rowfooter td  {
	text-transform: uppercase; color: #000000;
	background-color:#EEEEEE;
	border-top: 2px solid #8CC640; border-right: 1px dashed #CCCCCC;  border-bottom: 1px solid #CCCCCC;	padding: 8px;	}
	
table.tblmain { font-family: Trebuchet MS, Arial, Tahoma, Verdana; }
.filelink { border-bottom: 1px dashed; text-decoration:none; }












/* MAIN MENU STYLES */
ul.MenuBar
{
	margin:				0;
	padding:			0;
	list-style-type:	none;
	font-size: 			100%;
	cursor: 			default;
	width: 				auto;
}
ul.MenuBar li
{
	margin: 			0;
	padding: 			0;
	list-style-type: 	none;
	position:			relative;
	text-align:			left;
	cursor:				pointer;
	width:				114px;
	float:				left;
}
/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBar iframe
{
	position:			absolute;
	z-index:			1010;
	filter:				alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBar li.MenuBarItemIE
	{
		display:		inline;
		f\loat:			left;
	}
}