@charset "utf-8";
/* CSS Document */

body {
width: 100%;
margin-top: 8px;
margin-right: auto;
margin-left: auto;
font-size: 0.8em;
background-image: url(../images/bg-image.jpg);
background-position:left top;
background-repeat:repeat-x;
font-family: Arial, Verdana, Helvetica, sans-serif;
}

/********************  BEGINNING OF SPLASH PAGE SETTINGS     ********************/

#top1 {                            /* TOP CHEP LOGO WITHOUT THE QUOTE - Handling the Worlds most important products everyday   */						
display: block;
height: auto;
width: 780px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
}

#topbanner1 {			/*****     TOP IMAGE ON SPLASH PAGE ONLY   *****/   
width: 100%;
height: 54px;
float: left;
margin-right: auto;
margin-left: auto;
background-image: url(../images/top-banner1.jpg);
background-position: left top;
background-repeat:no-repeat;
}

.topContent {
float: left; font-family: Arial, Verdana, Helvetica, Verdana, sans-serif;
clear:inherit;
width: 720px;                        /* TOTAL WIDTH LESS PADDING */
height: auto;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
padding-left: 50px;
padding-right: 10px;
padding-top: 350px;
padding-bottom: 10px;
background-image: url(../images/top-image.jpg);
background-position:left top;
background-repeat: no-repeat;
}

.topContent p {
font-size: 1.0em;
color: #000099;
text-align:center;
}


/********************  END OF SPLASH PAGE SETTINGS     ********************/


/******  RIGHT SIDE BLOCK QUOTES IN LIGHT BLUE BELOW FLASH   *****/
.blockquoteright {
background:#F2F5FA none repeat scroll 0%;
border-color:#013299;
border-style:dotted none;
border-width:1px 3px;
color:#8692AC;
display:block;
float:right;
font-family:Arial,Helvetica,sans-serif;
font-size:0.9em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:9px;
padding:9px;
width:200px;
}

.blockquoteleft {            /******  LEFT SIDE BLOCK QUOTES IN LIGHT BLUE IF REQUIRED FOR PAGES   *****/
	font: bold 0.9em Arial, Helvetica, sans-serif;
	color: #8692AC;
	display: block;
	float: left;
	width: 181px;
	background: #F2F5FA;
	border-top: 1px dotted #013299;
	border-bottom: 1px dotted #013299;
}


/********************  END OF BLOCK QUOTES SECTION PAGE SETTINGS     ********************/


/********************  BEGINNING OF TOP NAVIGATION  SETTINGS     ********************/
#mainNav1 {
	position: relative;
	float: left;
	height: 26px;
	margin-left: auto;
	margin-right: auto;
	clear:both;
	width: 100%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	background-image:url(../images/nav-bg-image.gif);
	background-position:left top;
	background-repeat:repeat-x;
}


.mainNavSelected {background-image:url(../images/nav-bg-over.gif); background-position:left top; background-repeat:repeat-x; color: #000;  text-decoration:none;}

.mainNavSelected a:visited{color:#000; text-decoration:none;  /* PAGE LINK YOU ARE CURRENTLY VIEWING */}

/********************  END OF TOP SECTION PAGE SETTINGS     ********************/


/********************  BEGINNING OF MIDDLE SECTION PAGE SETTINGS     ********************/


#main_wrapper {               /* ALL MIDDLE CONTENT WRAPPED UP WITHIN THIS DIV */
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	display: block;
}

.middleContentContainer {
width: 780px;  float: left;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
background-color: #FFF;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 10px;
border-left: 0px solid #FFF;
border-right: 0px solid #FFF;
}

.middleContent {
float: left;font-family: Arial, Verdana;
zclear:inherit;
width: 580px;
height: auto;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 15px;
padding-bottom: 10px;
font-size: 1em;
}


.middleContent p{
color: #666;
font-family: Arial, Verdana;
text-align:justify;
}


.middleContent a{
color: #ff9000;
font-family: Arial, Verdana;
text-align:justify;
}


.middleContent ul, li{
color: #666;
font-family: Arial, Verdana;
text-align:left;
}


.middleContent h1 {
margin-top: 0px;padding-top: 0px; font-size: 1.5em;
color:#003398; font-family: Arial, Verdana;
display:block; padding-left: 0px;
}

.middleContent h2 {
margin-top: 25px;font-size: 1.4em;
margin-bottom:0px;
font-weight:bold;
color: #ff6600;  font-family: Arial, Verdana;
display:block;
}

.middleContent h3 {
margin-top: 0px;font-size: 1.0em;
color:#cc0000;  font-family: Arial, Verdana;
display:block;
}

.middleContent h4 {
margin-top: 0px;
color:#ff9000;
font-weight:bold;
font-family: Arial, Verdana;
display:block;
}



#left_column {
	font-family: Verdana, Arial;
	width: 181px; float: right;
	height: auto;
	color: #333;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	clear: both;
	margin-right: auto;
	margin-left: 0px;
	font-weight: bold;	
}


#left_column h4{
text-align:justify;
font-style:italic;
margin-top: 10px;font-size: 1.1em;
line-height: 1.5em;
color: #666; font-family: Arial, Verdana;
display:block;
}

#flash_animation {
	width: 181px;
	height: 269px;
	float: right top;
	margin: 0px;
	padding: 0px;
	text-align:left;
}


/********************  END OF MIDDLE SECTION PAGE SETTINGS     ********************/


/********************  BEGINNING OF FOOTER SECTION PAGE SETTINGS     ********************/

#footerArea {
float: left; width: 100%;
margin-left: auto;
margin-right: auto;
}

#footer {
width: 780px;
margin-left: auto;
margin-right: auto; margin-top: 0px;
height: 35px; 
background-color: #fff;
font-family: Verdana, Arial;
background-color:#003399;
}


.footerlinks {
width: 360px;
height:38px;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
padding-left: 420px;
padding-top: 25px;
padding-bottom: 0px;
color: #fff; /* text non-linked */
font-size: 0.85em;
text-align:right top;
background-image:url(../images/hayslogo.jpg);
background-position: left bottom;
background-repeat:no-repeat;
background-color:#003399;
}

.footerlinks p {color:#fff; text-align:right;padding: 21px 0px; margin-top: 0px; text-decoration:none;}
.footerlinks a:link {font-size: 100%; color: #fff; padding: 21px 0px; text-decoration:none;}
.footerlinks a:visited{font-size: 100%;color: #fff;padding: 21px 0px; text-decoration:none;}
.footerlinks a:hover{font-size: 100%; color: #FF0000 ; padding: 21px 0px; text-decoration:none;}
.footerlinks a:active{font-size: 100%; color: #fff;padding: 21px 0px; text-decoration:none;}

/********************  END OF FOOTER SECTION PAGE SETTINGS     ********************/




/********************  BEGINNING OF SEARCH RESULTS CSSValue="jobslinks" SECTION PAGE SETTINGS     ********************/


.jobslinks{
	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.9em; color: #333; text-decoration: underline; padding: 3px; padding-bottom: 5px;}
a:link.jobslinks {
	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.9em;color: #333; text-decoration: underline;padding: 3px;padding-bottom: 5px;}
a:visited.jobslinks{
	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.9em; color: #333; text-decoration: none;padding: 3px;padding-bottom: 5px;}
a:hover.jobslinks{
	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.9em; color: #999; text-decoration: none;padding: 3px;padding-bottom: 5px;}
a:active.jobslinks{
	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.9em; color: #333; text-decoration: underline;padding: 3px;padding-bottom: 5px;}

/* jobs table classes below */       

/* p.Micro = 1 to X of X results found text */
p.Micro {font-family: Arial, Verdana, Helvetica, Verdana, sans-serif; font-size:1.0em; color:#333333;}
table.Micro {font-family: Arial, Verdana, Helvetica, Verdana, sans-serif; font-size:1.0em; color:#333333; border-collapse:collapse;}
/* MicroHeader = title, location, salary headers */
tr.MicroHeader { background-image:url(../images/bg-image-footer.gif); background-repeat:repeat-x; background-position:top left; font-size:1.0em; font-weight:bold; color:#fff; background-color: #ffcc01; padding:5px; text-align: left; }
/* MicroItems = background cells for job links listings */
tr.MicroItem { padding:3px; margin-left: 5px;  border-bottom-color: #f3f3f3;}
tr.MicroAltItem { padding:3px; background-color: #eee; }



/* jobdetails page classes below */
title {font-size:1.3em; font-weight:bold; color:#333; padding:5px; text-align: left; }

.apply {
font-family: Arial, Verdana, Helvetica, Verdana, sans-serif;
font-size: 1.0em; font-weight: normal; color: #333; 
}

.apply a:link, a:visited{
font-family: Arial, Verdana, Helvetica, Verdana, sans-serif;
font-size: 1.0em; font-weight: normal; color: #333; 
}

.apply a:hover{
font-family: Arial, Verdana, Helvetica, Verdana, sans-serif;
font-size: 1.0em; font-weight: normal; background-color: #999; color: #FFF;
}

.apply a:active{
font-family: Arial, Verdana, Helvetica, Verdana, sans-serif;
font-size: 1.0em; font-weight: normal; background-color: #333; color: #FFF;
}

hr {
display: none;
}

/********************  END OF SEARCH RESULTS CSSValue="jobslinks" SECTION   ********************/