.body {
margin-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
background-color:#114c98;
}
.pagebackground {
background-image: url('images/hysecohdrbgdark.jpg');
background-repeat:no-repeat;
height:100%;
width:100%;
/**border:1px solid black;**/
}

/** pageframe for each page - length **/
.pageframehome {
margin-left:auto;
margin-right:auto;
height:690px;
width:1050px;
/**border:1px solid black;**/ 
}

.header {
height:115px;
width:100%;
}
.toprow-logo {
height:105px;
width:380px; 
background-image: url('images/hysecologo.png');
background-repeat:no-repeat;
cursor:pointer;
float:left;
}
.headeraddress {
height:105px;
width:160px; 
float:right;
font-family:Arial,Helvetica;
text-align: left;
text-decoration: none;
font-size:.75em;
font-weight:bold;
color: #ffffff;
margin-top:10px;
margin-left:300px;
}
.contentcell {
height:615px;
width:1025px;
position:relative;
}
.contentbgheader {
height:190px;
width:980px; /**952**/
background-image: url('images/contentbgheader.png');
background-repeat:no-repeat;
float:left;
margin-left:50px;
z-index:-1;
}

/** contentbg for each page - length **/
.contentbg {
width:980px;
background-image: url('images/contentbgmiddle.png');
background-repeat:repeat-y;
float:left;
margin-left:50px;
margin-top:-2px;
z-index:-1;
}
.contentbg330{
height:330px;
width:980px;
background-image: url('images/contentbgmiddle.png');
background-repeat:repeat-y;
float:left;
margin-left:50px;
margin-top:-2px;
z-index:-1;
}
.contentbg370{
height:370px;
width:980px;
background-image: url('images/contentbgmiddle.png');
background-repeat:repeat-y;
float:left;
margin-left:50px;
margin-top:-2px;
z-index:-1;
}
.contentbg550{
height:550px;
width:980px;
background-image: url('images/contentbgmiddle.png');
background-repeat:repeat-y;
float:left;
margin-left:50px;
margin-top:-2px;
z-index:-1;
}
.contentbgfooter {
height:45px;
width:980px;
background-image: url('images/contentbgfooter.png');
background-repeat:no-repeat;
float:left;
margin-left:50px;
z-index:-1;
}
.pagecontentcell {
margin-left:60px;
position:absolute;
top:15px;
}
.navigation {
width:200px;
float:left;
/** border:1px solid black; **/
}
/** NAVIGATION **/
.menu {
padding-bottom:10px;
}
a.menulink {
display: block;
width: 195px;
text-align: center;
text-decoration: none;
font-family:Arial,Helvetica;
font-size:.75em;
font-weight:bold;
color: #000000;/**114c98**/
border: solid 1px #000000;
background-color:#dfdfdf;/**dfdfdf**/
padding-top:5px;
padding-bottom:5px;
}
a.menulink:hover {
color: #ffffff;
border: solid 1px #74a8ef;
background-color:#114c98;
}
a.menulinkselected{
display: block;
width: 195px;
text-align: center;
text-decoration: none;
font-family:Arial,Helvetica;
font-size:.75em;
font-weight:bold;
color: #ffffff;
border: solid 1px #dd0000;
background-color:#3d3d3d;
padding-top:5px;
padding-bottom:5px;
}
/** END NAVIGATION **/

.pagetitlehome {
font-family:Arial,Helvetica;
font-size:1.5em;
color: #000000;
font-weight:bold;
text-decoration:underline;
text-align:center;
}
.pagetitle {
font-family:Arial,Helvetica;
font-size:1.5em;
color: #000000;
font-weight:bold;
text-decoration:underline;
}
.boldheading {
font-family:Arial,Helvetica;
font-size:1.25em;
color: #000000;
font-weight:bold;
}
.boldfooter {
font-family:Arial,Helvetica;
font-size:1.1em;
color: #000000;
font-weight:bold;
text-align:center;
}
.boldtext {
font-family:Arial,Helvetica;
color: #000000;
font-weight:bold;
text-align:center;
}
.boldheadingcenter {
font-family:Arial,Helvetica;
font-size:1.25em;
color: #000000;
font-weight:bold;
text-align:center;
text-decoration:underline;
}
.boldheadingprivacy {
font-family:Arial,Helvetica;
font-size:1.1em;
color: #000000;
font-weight:bold;
text-decoration:underline;
}
.pagecontent {
width:700px;
font-family:Arial,Helvetica;
font-size:.75em;
color: #000000;
padding-left:20px;
padding-right:10px;
float:left;
}
.customproductspagecontent {
width:540px;
padding-left:10px;
float:left;
/** border:1px solid black; **/
}
.homepageimagecenter {
height:60px;
width:220px;
margin-right:auto;
margin-left:auto;
}
.homepagevendorimageleft{
width:90px;
height:56px;
float:left;
border:solid 1px #000000;
}
.homepagevendorimageright{
width:90px;
height:56px;
float:right;
border:solid 1px #000000;
}
.productstext {
height:127px;
font-family:Arial,Helvetica;
color:#000000;
}
.productsimage {
width:200px;
height:125px;
margin:0px 15px 0px 0px;
float:left;
border:solid 1px #000000;
}
.productstextitalic {
font-family:Arial,Helvetica;
color:#000000;
font-size:1.1em;
font-style:italic;
font-weight:bold;
}
.productslinklist {
display:inline-block;
padding-left:30px;
float:left;
}
.productslinklistb {
display:inline-block;
padding-left:80px;
float:left;
}
a.productslinks, #productslinks{
font-family:Arial,Helvetica;
color: #114c98;
text-decoration:none;
}
a.productslinks:hover {
font-family:Arial,Helvetica;
color:#cc0000;
text-decoration:underline;
}
a.productslinksul{
font-family:Arial,Helvetica;
color: #114c98;
text-decoration:underline;
}
a.productslinksul:hover {
font-family:Arial,Helvetica;
color:#cc0000;
text-decoration:underline;
}
a.productslinkselected {
font-family:Arial,Helvetica;
color:#cc0000;
text-decoration:underline;
}
.customproductlinks {
width:140px;
height:300px;
float:left;
border-right-style:solid;
border-width:2px;
border-color:#000000;
font-weight:bold;
font-size:1.25em;
}
.customproductsthumbimage {
height:125px;
width:200px;
border:solid 1px #000000
}
.customproductstext {
height:130px;
font-family:Arial,Helvetica;
color:#000000;
}
.customproductsimage {
width:200px;
height:125px;
margin:0px 15px 0px 0px;
float:left;
border:solid 1px #000000;
}
.customproductsdescription {
font-family:Arial,Helvetica;
color:#000000;
font-weight:bold;
}
.customproductsdescriptionul {
display:inline-block;
font-family:Arial,Helvetica;
color:#000000;
font-weight:bold;
}
.photoproductlinks {
width:145px;
height:500px;
float:left;
border-right-style:solid;
border-width:2px;
border-color:#000000;
font-weight:bold;
font-size:1.25em;
}
.photoproductlinkspacer {
width:130px;
height:30px;
float:left;
}
.photogallerythumbcontainer {
width:100px;
height:75px;
margin-right:15px;
margin-left:15px;
margin-top:9px;
margin-bottom:9px;
float:left;
border:solid 1px #000000;
}
.photogallerythumb {
width:100px;
height:75px;
}
.bigrandomimagecustom {
height:225px;
width:300px;
border:1px solid #000000;
}
.bigrandomimagecontainer {
height:305px;
width:405px;
margin-left:150px;
}
.homerandomimagecontainer {
height:175px;
width:687px;
margin-right:auto;
margin-left:auto;
}
.homerandomimagecustom {
height:169px;
width:225px;
float:left;
border:1px solid #000000;
}
.bigrandomimage {
height:300px;
width:400px;
border:1px solid #000000;
}
.experienceleft {
width:260px;
height:370px;
float:left;
border-bottom:2px solid #000000;
border-right:2px solid #000000;
}
.experienceright {
width:260px;
height:370px;
padding-left:10px;
float:left;
border-bottom:2px solid #000000;
}
.experiencebottom {
width:530px;
height:200px;
float:left;
}
.experienceimage {
height:150px;
width:200px;
border:1px solid #000000;
}
.experienceimagespace {
padding-left:25px;
}
.experienceproductlinks {
width:140px;
height:450px;
float:left;
border-right-style:solid;
border-width:2px;
border-color:#000000;
font-weight:bold;
font-size:1.25em;
}
.whyhysecolist {
list-style-type:decimal;
}
.servicesimage {
width:200px;
height:150px;
float:left;
margin-right:15px;
border:solid 1px #000000;
}
.servicesimagecontainer {
height:160px;
width:530px;
float:left;
font-family:Arial,Helvetica;
font-weight:bold;
color:#000000;
border-bottom-style:solid;
border-width:2px;
border-color:#000000;
}
.servicesbottom {
width:530px;
height:200px;
float:left;
}
.serviceproductlinks {
width:140px;
height:530px;
float:left;
border-right-style:solid;
border-width:2px;
border-color:#000000;
font-weight:bold;
font-size:1.25em;
}
.troubleproductlinks {
width:140px;
height:800px;
float:left;
border-right-style:solid;
border-width:2px;
border-color:#000000;
font-weight:bold;
font-size:1.25em;
}
.troubleimagecontainer {
height:290px;
width:530px;
text-align:center;
border-bottom-style:solid;
border-width:2px;
border-color:#000000;
}
.troubleimage {
height:275px;
width:466px;
border:1px solid #000000;
}
.troubletextcellheader {
width:175px;
text-align:center;
font-weight:bold;
border:1px solid #000000;
padding-top:2px;
padding-bottom:2px;
float:left;
text-indent:2px;
}
.troubletextcellheaderoil {
width:260px;
text-align:center;
font-weight:bold;
border:1px solid #000000;
padding-top:2px;
padding-bottom:2px;
float:left;
text-indent:2px;
}
.troubletextcellheaderbleed {
width:260px;
height:30px;
text-align:center;
font-weight:bold;
border:1px solid #000000;
padding-top:2px;
padding-bottom:2px;
float:left;
text-indent:2px;
}
.troubletextcell {
width:175px;
height:100px;
text-align:left;
border:1px solid #000000;
padding-top:2px;
padding-bottom:2px;
float:left;
text-indent:2px;
}
.troubletextcell50 {
width:175px;
height:50px;
text-align:left;
border:1px solid #000000;
padding-top:2px;
padding-bottom:2px;
float:left;
text-indent:2px;
}
.troubletextcell150 {
width:175px;
height:150px;
text-align:left;
border:1px solid #000000;
padding-top:2px;
padding-bottom:2px;
float:left;
text-indent:2px;
}
.troubletextcell200 {
width:175px;
height:200px;
text-align:left;
border:1px solid #000000;
padding-top:2px;
padding-bottom:2px;
float:left;
text-indent:2px;
}
.troubletextcell225 {
width:175px;
height:225px;
text-align:left;
border:1px solid #000000;
padding-top:2px;
padding-bottom:2px;
float:left;
text-indent:2px;
}
.troubletextcell250 {
width:175px;
height:250px;
text-align:left;
border:1px solid #000000;
padding-top:2px;
padding-bottom:2px;
float:left;
text-indent:2px;
}
.troubletextcell260 {
width:175px;
height:260px;
text-align:left;
border:1px solid #000000;
padding-top:2px;
padding-bottom:2px;
float:left;
text-indent:2px;
}
.troubletextcell280 {
width:175px;
height:280px;
text-align:left;
border:1px solid #000000;
padding-top:2px;
padding-bottom:2px;
float:left;
text-indent:2px;
}
.troubletextcell350 {
width:175px;
height:350px;
text-align:left;
border:1px solid #000000;
padding-top:2px;
padding-bottom:2px;
float:left;
text-indent:2px;
}
.troubletextcelloil {
width:260px;
height:310px;
text-align:left;
border:1px solid #000000;
padding-top:2px;
padding-bottom:2px;
float:left;
text-indent:2px;
}
.troubletextcelloil225 {
width:260px;
height:225px;
text-align:left;
border:1px solid #000000;
padding-top:2px;
padding-bottom:2px;
float:left;
text-indent:2px;
}
.troubletextcelloil350 {
width:260px;
height:350px;
text-align:left;
border:1px solid #000000;
padding-top:2px;
padding-bottom:2px;
float:left;
text-indent:2px;
}
.contactcontainer {
height:227px;
width:700px;
}
.contactimage {
height:225px;
width:300px;
float:left;
border:1px solid #000000;
}
.address {
width:368px;
font-weight:bold;
margin-left:30px;
margin-top:30px;
font-size:1.25em;
float:left;
}
h2{
text-decoration:underline;
}
.formrequiredmessage{
color:#114c98;
font-weight:bold;
}
.formfieldid {
width:200px;
height:40px;
text-align:right;
vertical-align:top;
float:left;
}
.formfieldentry {
width:400px;
height:40px;
float:left;
}
.formfieldidtext {
width:200px;
height:120px;
text-align:right;
vertical-align:top;
float:left;
}
.formfieldentrytext {
width:400px;
height:120px;
float:left;
}
.error {
color:#CC0000;
}
.formcontrols {
width:600px;
height:50px;
text-align:center;
margin-left:auto;
margin-right:auto;
}
input, select, textarea {
background:#efefef;
border: 1px dotted black;
}
.button {
font-size:1em;
font-family:Arial,Helvetica;
border: 1px solid #000000;
background: #f0f0f0;
background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#9f9f9f));
background: -webkit-linear-gradient(top, #f0f0f0, #9f9f9f);
background: -moz-linear-gradient(top, #f0f0f0, #9f9f9f);
background: -ms-linear-gradient(top, #f0f0f0, #9f9f9f);
background: -o-linear-gradient(top, #f0f0f0, #9f9f9f);
padding: 1px 3px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #000000;
text-decoration: none;
vertical-align: middle;
font-weight:bold;
}
.button:hover {
border-color: #74a8ef;
background: #114C98;
color: #ffffff;
}
.productdropdowncell{
width:700px;
height:145px;
}
.productselectheader {
width:90px;
height:140px;
vertical-align:top;
padding-right:5px;
text-align:right;
font-weight:bold;
text-decoration:underline;
float:left;
}
.productselect {
width:200px;
height:140px;
vertical-align:top;
float:left;
}
.productselectOR {
width:90px;
height:140px;
vertical-align:middle;
text-align:center;
font-weight:bold;
font-size:2em;
text-decoration:underline;
float:left; 
}
.productlibraryproductrow {
width:700px;
height:180px;
padding-top:10px;
/* border:1px solid black; */
}
.productlibraryproducttyperow {
width:700px;
height:300px;
padding-top:10px;
/* border:1px solid black; */
}
.productlibrarylistheader{
width:220px;
height:155px;
font-family:Arial,Helvetica;
font-weight:bold;
font-size:1.25em;
color: #114c98;
float:left;
text-decoration:none;
}
.productlibrarylist{
width:475px;
height:180px;
float:left;
text-align:top;
}
.productlibraryproductbutton{
height:20px;
width:150px;
padding-top:3px;
padding-bottom:2px;
text-align:center;
margin-top:2px;
margin-right:2px;
font-weight:bold;
text-decoration:none;
color:#000000;
float:left;
background-color:#dfdfdf;
border: solid 1px #000000;
}
.productlibraryproductbuttonselected{
height:20px;
width:150px;
padding-top:3px;
padding-bottom:2px;
text-align:center;
margin-top:2px;
margin-right:2px;
font-weight:bold;
text-decoration:none;
float:left;
color: #ffffff;
border: solid 1px #dd0000;
background-color:#3d3d3d;
}
.productlibraryproducttypebutton{
height:35px;
width:150px;
padding-top:3px;
padding-bottom:2px;
text-align:center;
margin-top:2px;
margin-right:2px;
font-weight:bold;
text-decoration:none;
color:#000000;
float:left;
background-color:#dfdfdf;
border: solid 1px #000000;
}
.productlibraryproducttypebuttonselected{
height:35px;
width:150px;
padding-top:3px;
padding-bottom:2px;
text-align:center;
margin-top:2px;
margin-right:2px;
font-weight:bold;
text-decoration:none;
float:left;
color: #ffffff;
border: solid 1px #dd0000;
background-color:#3d3d3d;
}
.productlibraryitemoutercell {
width:700px;
}
.productlibraryitemcell {
width:698px;
height:80px;
border: solid 1px #000000;
}
.productlibraryitemtitlecell {
width:150px;
height:75px;
float:left;
}
.productlibraryitemtitle {
font-weight:bold;
font-size:1.1em;
color: #114c98;
text-decoration:none;
}
.productlibraryitemtitledescription {
width:548px;
height:15px;
font-weight:bold;
text-decoration:none;
float:left;
}
a.productlibrarypdflink{
font-family:Arial,Helvetica;
color: #114c98;
text-decoration:none;
}
a.productlibrarypdflink:hover {
font-family:Arial,Helvetica;
color:#cc0000;
text-decoration:underline;
}
.employmentcell{
width:630px;
height:300px;
margin-right:auto;
margin-left:auto;
}
.employementop {
width:630px;
height:20px;
border:solid 1px #000000;
}
.employmentposition {
width:290px;
height:20px;
text-align:center;
float:left;
border-right:solid 1px #000000;
}
.employmentlisted{
width:130px;
height:20px;
text-align:center;
float:left;
border-right:solid 1px #000000;
}
.employmentpdf{
width:200px;
height:20px;
text-align:center;
float:left;
}
.employmentheader{
width:630px;
height:20px;
font-weight:bold;
text-align:center;
background-color:#444444;
color:#ffffff;
border: solid 1px #000000;
}
.login{
width:225px;
height:50px;
text-align:right;
margin-right:auto;
margin-left:auto;
}
.loginbutton{
width:225px;
height:50px;
text-align:center;
margin-right:auto;
margin-left:auto;
}
.loginerror{
width:250px;
height:15px;
margin-right:auto;
margin-left:auto;
}
.surplustext{
height:120px;
font-family:Arial,Helvetica;
color:#000000;
border: 1px black solid;
}
.surplusboldheading {
width:693px;
height:25px;
vertical-align:text-top;
font-family:Arial,Helvetica;
font-size:1.25em;
color: #000000;
font-weight:bold;
padding-left:5px;
}
.surplusleft{
height:95px;
width:445px;
padding-left:5px;
float:left;
}
.surplusright{
height:95px;
width:235px;
padding-left:5px;
float:right;
}
.captcha{
width:550px;
height:150px;
padding-left:150px;
}
.employee-error{
font-family:Arial,Helvetica;
font-size:1.25em;
color: #CC0000;
}


/** Begin Image Pop Up Style **/
.nyroModalBg {
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #000000;
	opacity: 0.9;	
}
.nmReposition {
	position: absolute;
}
.nyroModalCloseButton {
	top: -13px;
	right: -13px;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: url(images/popup/close.gif);
}
.nyroModalTitle {
	top: -26px;
	left: 0;
	margin: 0;
    font-size: 1.1em;
	font-family:Arial,Helvetica;
	color: #ffffff;
}
.nyroModalCont {
	position: absolute;
	border: 4px solid #777;
	margin: 25px;
	background: #ffffff;
}
.nyroModalError {
	border: 4px solid red;
	color: red;
	width: 250px;
	height: 250px;
}
.nyroModalError div {
	min-width: 0;
	min-height: 0;
	padding: 10px;	
}
.nyroModalLink, .nyroModalDom, .nyroModalForm, .nyroModalFormFile {
	position: relative;
	padding: 10px;
	min-height: 250px;
	min-width: 250px;
	max-width: 1000px;	
}
.nyroModalImage, .nyroModalSwf, .nyroModalIframe, .nyroModalIframeForm {
	position: relative;
	overflow: hidden;
}
.nyroModalImage img {
    vertical-align: top;
}
.nyroModalHidden {
	left: -9999em;
	top: -9999em;	
}
.nyroModalLoad {
	position: absolute;
	width: 100px;
	height: 100px;
	background: #fff url(images/popup/ajaxLoader.gif) no-repeat center;
	padding: 0;
}
.nyroModalPrev, .nyroModalNext {
	outline: none;
	position: absolute;
	top: 0;
	height: 60%;
	width: 150px;
	min-height: 50px;
	max-height: 300px;
	cursor: pointer;
	text-indent: -9999em;
	background: transparent url('data:images/popup/gif;base64,AAAA') left 20% no-repeat;
}
.nyroModalImage .nyroModalPrev, .nyroModalImage .nyroModalNext {
	height: 100%;
	width: 40%;
	max-height: none;	
}
.nyroModalPrev {
	left: 0;
}
.nyroModalPrev:hover {
	background-image: url(images/popup/prev.gif);
}
.nyroModalNext {
	right: 0;
	background-position: right 20%;
}
.nyroModalNext:hover {
	background-position: right 20%;
	background-image: url(images/popup/next.gif);
}
/** End Image Pop Up **/