body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #5c5c5c;
	background-image:url(images/headerstretch.gif);
	background-repeat:repeat-x;
	background-color:#cbcbcb;
	text-align:left;
}
form {
	padding: 0;
	margin: 0;
}
.greybg {
	background-color: #cbcbcb;
	width:60px;
	margin: 0 auto;
}
.leftheaderstretch {
	background-image: url(images/leftheaderstretch.jpg);
	background-repeat: repeat-x;
}
.rightheaderstretch {
		background-image:url(images/headerstretch.jpg);
		background-repeat:repeat-x;
		}

.navbarbg {
	background-image: url(images/navbarbg.jpg);
	background-repeat: repeat-x;
	height: 21px;
	z-index:100;
}
.footwrap {
	width: 932px;
	padding: 0 16px;
}
.footer {
	font-size: 10px;
	color: #3f3f3f;
	background-color:#FFFFFF;
	width:932px;
	text-align:left;
	
}
td.searchbg {
	background-image: url(images/Header_Right.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 91px;
}
td.searchbg .head-container {
	position: relative;
	height: 91px;
}
td.searchbg .head-container form {
	position: absolute;
	top: 0px;
	right: 44px;
	height: 45px;
	width: 215px;
	background-color: #2e2e2e;
}
td.searchbg .head-container .topnav {
	text-align: left;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.searchbox {
	color:#FFFFFF;
	font-family:Helvetica,Geneva,Arial,sans-serif;
	font-size:12px;
	padding:10px 8px 5px 10px;
	margin-right: 4px;
	vertical-align:top;
	
}
	
form table.searchbox tr td input#search {
	color: #666666;
}



.content {
	background-color: #ffffff;
	text-align:left;
	padding-left:40px;
	padding-top:15px;
	padding-right:30px;
	width:881px;
	min-height:600px;
}

.contentIndex {
	text-align:right;
	width:932px;
	max-width: 932px;
	margin: 0 16px;
	background-color: #ffffff;
}
.flashover {
	position:absolute;
	margin-top:100px;
	margin-left:533px;
	z-index:4;
	border:#0711a5 solid 2px;
	left: 98px;
	top: 103px;
	}
.footerbg {
	background-color: #ffffff;
}
.pagetitle {
	color: #0052FF;
	font-weight: bold;
	font-size: 14px;
}
.intro {
	color: #0052FF;
	font-weight: bold;
	font-size: 13px;
	font-style:italic;
	padding:0 210px 15px 220px;
}
.footerborder {
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #3f3f3f;
	border-bottom-color: #3f3f3f;
	border-left-color: #3f3f3f;
}
form{
margin:0px;
}
input{
margin:0px;
}
label{
margin:0px;
}


		.subheader
			{
				color: #993333;
				font-size: 1.1em;
				font-weight: bold;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				text-transform: uppercase;

				
			}
		.headTD
			{
				background-image:   url(images/sec-back_header.gif);
				
			}
		#container {
	padding: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	text-align:left;
	z-index:100;
	height:2100px;
			}
		
		#bodyDist
			{
				position: absolute;
				top: 8px;
				left: 165px;
				text-align: left;
				width: 630px;
				font-family: verdana, arial, helvetica, sans-serif;
				font-size: .8em;
			}

		#footer span {display:none}
		.invis {display:none;}
		.sidebartitle
			{
				color: #000000;
				font-size: 10pt;
				font-weight: bolder;
				font-family: verdana, arial, helvetica, sans-serif;
			}
		.sidebarsubhead
			{
				color: #000000;
				font-size: 8pt;
				font-weight: bolder;
				font-family: verdana, arial, helvetica, sans-serif;
			}
		.sidebartext
			{
				color: #000000;
				font-size: 8pt;
				font-family: verdana, arial, helvetica, sans-serif;
			}
		.caption
			{
				color: #000000;
				font-size: 8pt;
				font-style: italic;
				font-family: verdana, arial, helvetica, sans-serif;
			}
		.headerfootertext
			{
				color: #000000;
				font-size: .8em;
				font-family: verdana, arial, helvetica, sans-serif;
			}
		.error
			{
				color: #FF0000;
				font-weight: bolder;
			}
		td .error { padding:10px;}
		.success
			{
				color: #347235;
				font-weight: bolder;
			}
		.instructions
			{
				color:#666666;
				font-size: 9pt;
				font-style:italic;
			}

		.required
			{
				color: #FF0000;
				font-weight: bolder;
			}
			
		.fldinstr 
			{
				color:#999999;
				font-size:12px;
				font-style:italic;
			}
		.fieldlabel
			{
				color: #000000;
				font-weight: bolder;
			}
		.alternatelink
			{
				/*alternate to the standard a tag*/
			}
		a.alternatelink:link
			{
				color: #ddf;
				text-decoration: underline;
			}
		a.alternatelink:active
			{
				color: #ddf;
				text-decoration: underline;
			}
		a.alternatelink:visited
			{
				color: #ddf;
				text-decoration: underline;
			}
		a.alternatelink:hover
			{
				color: #ffc;
				text-decoration: none;
			}
		a:link
			{
				color: #0711A5;
				text-decoration: underline;
			}
		a:active
			{
				color: #0711A5;
				text-decoration: underline;
			}
		a:visited
			{
				color: #0711a5;
				text-decoration: underline;
			}
		a:hover
			{
				color: #7f7f81;
				text-decoration: none;
			}
		/************************************/
		/*     End Standard CSS Classes */
		/***********************************/

.newprodheader {
	font-size: 15px;
	font-weight: bold;
	color: #b90000;
	line-height: 25px;
}
.indexfooter {
	background-image: url(images/indexfooterbg.jpg);
	background-repeat: no-repeat;
	height: 137px;
	background-position:top;
	background-color: #FFFFFF;
}
.indexfooter .findadistributor {
	padding-left: 10px;
	padding-top: 15px;
}


.newprod {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c5c5c5;
	margin-bottom: 20px;
}
.indexfooter .indexwhatsnew {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 13px;
	padding-top: 12px;
	padding-left: 26px;
	padding-right: 20px;
}
.indexfooter .indexwhatshot {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	padding-top: 39px;
	padding-left: 19px;
	padding-right: 20px;
}
		.newprodsublinks
			{
				color: #f20000;
				font-size: 8pt;
			}
		.newprodsublinks a
			{
	color: #f20000;
	font-size: 8pt;
	text-decoration: none;
			}

		#containerRollover {
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			width: 625px;

			}

		#layerRollover1
			{
				position: absolute;
				top: 199px;
				left: 405px;
				text-align: left;
				width: 241px;
				height: 196px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 0.8em;
				color: #333333;
				/* These are not valid styles, and do not validate
				scrollbar-face-color: #DDDDDD;
				scrollbar-shadow-color: #333333;
				scrollbar-highlight-color: #EEEEEE;
				scrollbar-3dlight-color: #DDDDDD;
				scrollbar-darkshadow-color: #333333;
				scrollbar-track-color: #EEEEEE;
				scrollbar-arrow-color: #999999;
				*/
			}
					#layerRollover1new
			{
				position: absolute;
				top: 69px;
				left: 289px;
				text-align: left;
				width: 316px;
				height: 196px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: .8em;
				color: #333333;
				/* These are not valid styles, and do not validate
				scrollbar-face-color: #DDDDDD;
				scrollbar-shadow-color: #333333;
				scrollbar-highlight-color: #EEEEEE;
				scrollbar-3dlight-color: #DDDDDD;
				scrollbar-darkshadow-color: #333333;
				scrollbar-track-color: #EEEEEE;
				scrollbar-arrow-color: #999999;
				*/
			}
		#layerRollover2
			{
				overflow: auto; 
				position: absolute;
				top: 352px;
				left: 115px;
				text-align: left;
				width: 206px;
				height: 173px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 0.9em;
				font-weight: bolder;
				color: #333333;
				/* These are not valid styles, and do not validate
				scrollbar-face-color: #DDDDDD;
				scrollbar-shadow-color: #333333;
				scrollbar-highlight-color: #EEEEEE;
				scrollbar-3dlight-color: #DDDDDD;
				scrollbar-darkshadow-color: #333333;
				scrollbar-track-color: #EEEEEE;
				scrollbar-arrow-color: #999999;
				*/
			}
		.RolloverLink
			{
				display:block;
				padding:5px 0px 7px 0px;
			}
		a.RolloverLink:link
			{
				color: #FFF;
				text-decoration: underline;
			}
		a.RolloverLink:active
			{
				color: #ddf;
				text-decoration: underline;
			}
		a.RolloverLink:visited
			{
				color: #ddf;
				text-decoration: underline;
			}
		a.RolloverLink:hover
			{
				color: #ffc;
				text-decoration: none;
			}
		#otcContact {
			color:#FFFFFF;
			background-color:#0711a5;
			padding-left:10px;
			}
			



/**********************************************/
/*    Classes used for Product Catalogs       */
/**********************************************/

.rowstyle_first {
	/*border-bottom: 6px solid  #e9e9d1;*/
	border-top: 3px solid  #cccccc;
	border-bottom: 3px solid  #cccccc;
}

.rowstyle_last {
	border-bottom: none;
}

.rowstyle_other {
	/*border-bottom: 6px solid  #e9e9d1;*/
	border-bottom: 3px solid  #cccccc;
}

.gridstyle_center {
	/* border-left: 1px solid #e9e9d1;*/
	/* border-right: 1px solid #e9e9d1;*/
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

	/***********************************/
	/*   Begin Content Slider Styles   */
	/***********************************/
	
.sliderwrapper{
position: relative; /*leave as is*/
overflow: inherit; /*leave as is*/
border-bottom-width: 6px;
width: 500px; /*width of featured content slider*/
height: 1100px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
background: white;
width: 490px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
}

.pagination{
width: 400px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: left;
padding: 5px 10px;
line-height:19px;
}


/* New styles specific for the header links on SPXChange */

.navlinks {
	color:#FFFFFF;
	text-align:center;
}

.navlinks a {
	color:#FFFFFF;
	text-decoration:none;
}

.navlinks a:visited {
	color:#FFFFFF;
}

.navlinks a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}


.lowernav {
	width:184px;
	padding: 12px 10px 0 20px;
	background-color:#ebedf1;
	}
	
.sitenav {
	line-height:14px;
	font-size:12px;
	padding:0 0 10px 0;
	}
	
.contentDetail {
	background-color: #ffffff;
	text-align:left;
	padding-left:10px;
	padding-top:5px;
	padding-right:20px;
	width:881px;
}

.contentarea {
	padding: 15px 0 0 15px;
	}
	
h3 {
	font-size:11px;
	font-weight:bold;
	line-height:5px;
	}
h2 {
	font-size:15px;
	font-weight:bold;
	line-height:12px;
	}
	
.pagetitle {
	font-weight: bold;
	font-size: 18px;
	line-height:42px;
	color:#0052FF;
}
.pagetitle a:link
			{
				color:#0000ff;
				text-decoration: none;
				border:none;
				
			}
.pagetitle a:active
			{
				text-decoration: none;
				border:none;
			}
.pagetitle a:visited
			{
			border:none;
			text-decoration:none;
			}
.pagetitle a:hover
			{
				color:#5C5C5C;
				text-decoration: none;
			}
			

a.recordlisthead:link
			{
				color:#5C5C5C;
				text-decoration: none;
				border:none;
			}
a.recordlisthead:active
			{
				text-decoration: none;
				border:none;
			}
a.recordlisthead:visited
			{
			border:none;
			text-decoration:none;
			}
a.recordlisthead:hover
			{
				color:#0000ff;
				text-decoration: none;
			}
			
.recordlisthead {
	font-size:14px;
	font-weight:bold;
	background:url(images/sort-down.jpg) right no-repeat;
	padding-right: 20px;
}

.recordlistheader {
	border-bottom:solid 1px #666666;
	}
	
.line {
	width:100px;
	height:1px;
	padding:0;
	margin-bottom:3px;
	margin-top:3px;
	background-color:#999999;
	}
	
.detail {
	text-align:center;
	width: 200px;
	
	}
	
.detail-image {
	text-align:center;
	
	}
	
	
	/***********************************/
	/*   Begin Home page Sign Up Box  */
	/***********************************/
.signupBox {
	border-top: solid 1px #999999;
	border-left: solid 1px #999999;
	border-bottom: solid 2px #999999;
	border-right: solid 2px #999999;
	color:#0052FF;
	width:470px;
		}
.signupTitle {
	color:#FFFFFF;
	background-color:#0052FF;
	font-size:12px;
	padding:8px;
	}
.signupMain {
	font-size:18px;
	font-weight:bold;
	margin-right:10px;
	}
.signupForm {
	padding:20px 10px;
	font-size:14px;
}

/* The ID below is used on thankyou.php to style the text shown in the content area */
#thank_you {
	border: 0;
	margin: 5%;
	padding: 0 10%;
	font-weight: bold;
	text-align: center;
}

.certificate {
	width: 900px;
	height:680px;
	}
	

#certificate_pegisys, #certificate_1, #certificate_2, #certificate_3, #certificate_4, #certificate_5, #certificate_6, #certificate_7, #certificate_8 {
	width: 900px;
	height:680px;
	position:absolute;
	z-index:1;
}
#completed_by {
	font-size:30px;
	position:absolute;
	padding: 253px 0 0;
	z-index:9999;
	width:900px;
	text-align:center;

}
#completed_with {
	font-size:12px;
	position:absolute;
	padding:523px 0 0 547px;
	z-index:9999;
	}
#completed_on {
	font-size:12px;
	position:absolute;
	padding:545px 0 0 357px;
	z-index:9999;
}

#certificate_genisys {
}