/* ----------reset all css-------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p/*,blockquote,th,td*/ {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,/*em,strong,*/th,var {font-style:normal;font-weight:normal;}
/*ol,ul {list-style:none;}*/
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
form {margin-top: 0 ;margin-bottom: 0 ;}
object {outline:none;}
#purge {clear: both;}

/* stop scrollbars fing up the layout */
html {overflow: scroll;}


/* ---------- start css -------------- */

body {background-color: #FFFFFF;margin: 0px 0px 0px 0px;font-family: Arial, Helvetica, sans-serif;color: #333333;font-size: 12px;line-height: 140%;}
#container {width: 870px;padding: 0;margin: 0 auto;background-color: #FFFFFF;}

/* ---------- header -------------- */

#header {width: 870px;height: 100px;background-color: #FFFFFF;border-bottom: 3px solid #FFFFFF;}
#bluestripe {width: 870px;height: 10px;background-color: #002395;}
#logo {width: 330px;height: 90px;padding-left: 30px;margin-top: 0px;float: left;background:url(../x_images/hygcam2.jpg) 30px 0px no-repeat;}
#telephone {width: 440px;height: 40px;float: right;margin-top: 35px;margin-right: 30px;font-size: 18px;text-align:right;color: #4C4C5D;line-height: 20px;}

/* ---------- start navigation -------------- */

#navbar {height: 40px;width: 870px;background: #FFFFFF;border-bottom: 1px solid #FFFFFF;text-transform: uppercase;}
.nav { float: left; width: 145px; height: 40px; text-align: center;  line-height: 40px; background: url(../x_images/nav.jpg) no-repeat 0 0; text-decoration: none;}
.nav a:visited, .nav a:link {display: block; color: #FFFFFF; height: 40px; background: url(../x_images/nav.jpg) no-repeat 0 0; text-decoration: none;}
.nav a:hover, .nav a:active {display: block; color: #FFFFFF; height: 40px; background:url(../x_images/nav_over.jpg) no-repeat 0 0; text-decoration: none;}
.navlast { float: right; width: 145px; height: 40px; text-align: center; line-height: 40px; background: url(../x_images/nav_last.jpg) no-repeat 0 0; text-decoration: none;}
.navlast a:visited, .navlast a:link {display: block; color: #FFFFFF; height: 40px; background: url(../x_images/nav_last.jpg) no-repeat 0 0; text-decoration: none;}
.navlast a:hover, .navlast a:active {display: block; color: #FFFFFF; height: 40px; background: url(../x_images/nav_over_last.jpg) no-repeat 0 0; text-decoration: none;}

#home .home, #about .about, #services .services, #newslink .newslink, #partners .partners, #contact .contact {display: block; color: #FFFFFF; height: 40px; background: url(../x_images/nav_over_last.jpg) no-repeat 0 0; text-decoration: none;}

/* ---------- start banner -------------- */

#banner {width: 870px;height: 180px;border-bottom: 1px solid #4C4C5D;}
.bluestripe {height: 180px;width: 30px;background-color: #7F8DC1;float: left;}
.whitestripe {width: 20px;height: 180px;background-color: #FFFFFF;float: left;}
#image {width: 567px;height: 180px;float:left;}
#testimonials {width: 183px;height: 180px;background: url(../x_images/right_gradient.jpg) repeat-y;float: left;}
.recommendation {width: 163px;height: 160px;margin: 10px;font-size: 12px;color: #4C4C5D;/*text-align: center;*/line-height: 18px;}

/* ---------- intro content -------------- */

#buttons {width: 567px;background-color:#FFFFFF;float: left;}
.row {width: 567px;height: 135px;margin-bottom: 10px;}
#food {width: 182px;height: 135px;float: left;}
#food a{display:block;width: 182px;height: 135px;background-image: url(../x_images/food_safety.jpg);background-position: 0px 0px;}
#food a:hover {background-position: 0px -135px;} #food a span {display: none;}
#workplace {width: 182px;height: 135px;float: left;margin-left: 10px;}
#workplace a{display:block;width: 182px;height: 135px;background-image: url(../x_images/workplace.jpg);background-position: 0px 0px;}
#workplace a:hover {background-position: 0px -135px;} #workplace a span {display: none;}
#fire {width: 182px;height: 135px;float: left;margin-left: 10px;}
#fire a{width: 182px;height: 135px;float: left;background-image: url(../x_images/fire-prev.jpg);background-position: 0px 0px;}
#fire a:hover {background-position: 0px -135px;} #fire a span {display: none;}
#office {width: 182px;height: 135px;float: left;}
#office a{width: 182px;height: 135px;float: left;background-image:url(../x_images/officesafety.jpg);background-position: 0px 0px;}
#office a:hover {background-position: 0px -135px;} #office a span{display: none;}
#security {width: 182px;height: 135px;float: left;margin-left: 10px;}
#security a{width: 182px;height: 135px;float: left;background-image: url(../x_images/security.jpg);background-position: 0px 0px;}
#security a:hover {background-position: 0px -135px;} #security a span {display: none;}
#disability {width: 182px;height: 135px;float: left;margin-left: 10px;}
#disability a{width: 182px;height: 135px;float: left;background-image: url(../x_images/disability.jpg);background-position: 0px 0px;}
#disability a:hover {background-position: 0px -135px;} #disability a span {display: none;}

.headingbox {width: 552px;height:30px;line-height:30px;background:url(../x_images/nav_over_last.jpg) repeat-x 0 0;color:#FFFFFF;font-weight:bold;padding-left:15px;margin-bottom: 10px;}
#products1 {width: 138px;height: 135px;float: left;margin-right: 5px;}
#products1 a{display:block;width: 138px;height: 135px;background-image: url(../x_images/products_1.jpg);background-position: 0px 0px;}
#products1 a:hover {background-position: 0px -135px;} #products1 a span {display: none;}

#products2 {width: 138px;height: 135px;float: left;margin-right: 5px;}
#products2 a{display:block;width: 138px;height: 135px;background-image: url(../x_images/products_2.jpg);background-position: 0px 0px;}
#products2 a:hover {background-position: 0px -135px;} #products2 a span {display: none;}

#products3 {width: 138px;height: 135px;float: left;margin-right: 5px;}
#products3 a{display:block;width: 138px;height: 135px;background-image: url(../x_images/products_3.jpg);background-position: 0px 0px;}
#products3 a:hover {background-position: 0px -135px;} #products3 a span {display: none;}

#products4 {width: 138px;height: 135px;float: left;}
#products4 a{display:block;width: 138px;height: 135px;background-image: url(../x_images/products_4.jpg);background-position: 0px 0px;}
#products4 a:hover {background-position: 0px -135px;} #products4 a span {display: none;}

/* ---------- subnavigation -------------- */

#subnavigation {width: 182px;background-color: #FFFFFF;float: left;} #subnavigation a {color: #666666;}

.gensub {width: 182px;border-bottom: 1px solid #CCCCCC;border-top:  1px solid #CCCCCC;margin-top: 3px; font-size:12px;line-height:15px;color: #666666;}
.gensub a{display:block;padding:6px 5px 6px 15px;/*width:182px;*/background:url(../x_images/gen_sub.jpg) repeat-y;text-decoration:none;color: #666666;}
.gensub a:hover{background:url(../x_images/gen_sub_o.jpg) repeat-y;text-decoration:none;color: #666666;}

/*#foodsub {width: 182px;height: 40px;border-bottom: 1px solid #CCCCCC;border-top:  1px solid #CCCCCC;margin-top: 3px;}
#foodsub a{display:block;width: 182px;height: 40px;background-image:url(../x_images/food_sub.jpg);background-position: 0px 0px;}
#foodsub a:hover {background-position: 0px -40px;background-image: url(../x_images/food_sub.jpg);} #foodsub a span {display: none;}*/

#foodsub {width: 182px;border-bottom: 1px solid #CCCCCC;border-top:  1px solid #CCCCCC;margin-top: 3px;font-size:12px;line-height:15px;}
#foodsub a{display:block;padding:6px 5px 6px 15px;background:url(../x_images/food_sub.jpg) repeat-y;text-decoration:none;color: #666666;}
#foodsub a:hover {background:url(../x_images/gen_sub_o.jpg) repeat-y;}
#worksub {width: 182px;border-bottom: 1px solid #CCCCCC;border-top:  1px solid #CCCCCC;margin-top: 3px;font-size:12px;line-height:15px;}
#worksub a {display:block;padding:6px 5px 6px 15px;background:url(../x_images/work_sub.jpg) repeat-y;text-decoration:none;color: #666666;}
#worksub a:hover {background:url(../x_images/gen_sub_o.jpg) repeat-y;}
#firesub {width: 182px;border-bottom: 1px solid #CCCCCC;border-top:  1px solid #CCCCCC;margin-top: 3px;font-size:12px;line-height:15px;}
#firesub a{display:block;padding:6px 5px 6px 15px;background:url(../x_images/fire_sub.jpg) repeat-y;text-decoration:none;color: #666666;}
#firesub a:hover {background:url(../x_images/gen_sub_o.jpg) repeat-y;}
#officesub {width: 182px;border-bottom: 1px solid #CCCCCC;border-top:  1px solid #CCCCCC;margin-top: 3px;font-size:12px;line-height:15px;}
#officesub a{display:block;padding:6px 5px 6px 15px;background:url(../x_images/office_sub.jpg) repeat-y;text-decoration:none;color: #666666;}
#officesub a:hover {background:url(../x_images/gen_sub_o.jpg) repeat-y;}
#securitysub {width: 182px;border-bottom: 1px solid #CCCCCC;border-top:  1px solid #CCCCCC;margin-top: 3px;font-size:12px;line-height:15px;}
#securitysub a{display:block;padding:6px 5px 6px 15px;background:url(../x_images/security_sub.jpg) repeat-y;text-decoration:none;color: #666666;}
#securitysub a:hover {background:url(../x_images/gen_sub_o.jpg) repeat-y;}
#disabilitysub {width: 182px;border-bottom: 1px solid #CCCCCC;border-top:  1px solid #CCCCCC;margin-top: 3px;font-size:12px;line-height:15px;}
#disabilitysub a{display:block;padding:6px 5px 6px 15px;background:url(../x_images/disability_sub.jpg) repeat-y;text-decoration:none;color: #666666;}
#disabilitysub a:hover {background:url(../x_images/gen_sub_o.jpg) repeat-y;}

.noline{line-height:15px;}

/* ---------- main content -------------- */

#greycolumns {width: 770px;background: url(../x_images/background.jpg) repeat-y;/*clear: both;*/padding: 20px 50px 10px 50px;}
/*#greycolumns a{font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #002395;text-decoration: none;}
#greycolumns a:hover{text-decoration: none;} */

p {padding:0 0 5px 0;margin:0 0 5px 0;}

ul{margin:-4px 0px 5px 30px;padding-left:0px;}
ol{margin:-4px 0px 5px 30px;padding-left:0px;}
li{margin-left:0px;padding:0px 0px 5px 0px;}

h1{font-size: 16px;text-transform: uppercase;color: #4C4C5D;margin-bottom: 10px;line-height: 18px;}
h2{font-size: 12px;text-transform: uppercase;color: #4C4C5D;margin-bottom: 5px;}

a {outline-style:none;}
a:visited, a:link {color: #002395;text-decoration: none;}
a:hover, a:active {color: #002395;text-decoration: underline;}

.subhead {font-size:15px;}
.caption {font-size:10px;line-height:12px;}
.blue {color: #002395;}
.red {color: #CC0000;}

#bodycontent {width: 365px;margin-left: 20px;float: left;}

#gentitle {width: 345px;/*float: left;*/font-size: 16px;text-transform: uppercase;color: #4C4C5D;line-height: 18px;padding-left: 20px;background: url(../x_images/box_grey.gif) repeat-y;}

#foodtitle {width: 345px;/*float: left;*/font-size: 16px;text-transform: uppercase;color: #4C4C5D;line-height: 18px;padding-left: 20px;background: url(../x_images/box_yellow.gif) repeat-y;}
#worktitle {width: 345px;/*float: left;*/font-size: 16px;text-transform: uppercase;color: #4C4C5D;line-height: 18px;padding-left: 20px;background: url(../x_images/box_red.gif) repeat-y;}
#firetitle {width: 345px;/*float: left;*/font-size: 16px;text-transform: uppercase;color: #4C4C5D;line-height: 18px;padding-left: 20px;background: url(../x_images/box_green.gif) repeat-y;}
#officetitle {width: 345px;/*float: left;*/font-size: 16px;text-transform: uppercase;color: #4C4C5D;line-height: 18px;padding-left: 20px;background: url(../x_images/box_purple.gif) repeat-y;}
#securitytitle {width: 345px;/*float: left;*/font-size: 16px;text-transform: uppercase;color: #4C4C5D;line-height: 18px;padding-left: 20px;background: url(../x_images/box_orange.gif) repeat-y;}
#disabilitytitle {width: 345px;/*float: left;*/font-size: 16px;text-transform: uppercase;color: #4C4C5D;line-height: 18px;padding-left: 20px;background: url(../x_images/box_blue.gif) repeat-y;}

#content {width: 365px;padding: 10px 0px 10px 0px;}

/* ---------- right column -------------- */

/* ORIGINAL VALUES
#news {width: 183px;margin-top: 10px;background: url(../x_images/right_gradient.jpg) repeat-y;border-bottom: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC;}
.textbox {width: 163px;margin: 10px;}
#mailinglist {width: 183px;height: 133px;background: url(../x_images/right_gradient.jpg) repeat-y;border-bottom: 1px solid #CCCCCC;border-top:  1px solid #CCCCCC;}
*/

#rightcolumn {width: 183px;float: left;margin-left: 20px;font-size:11px;}
#rightcolumn a {color: #002395;text-decoration:none;} #rightcolumn a:hover {text-decoration:underline;}
#mailinglist {width: 163px;height: 118px;background: url(../x_images/right_gradient.jpg) repeat-y;border-bottom: 1px solid #CCCCCC;border-top:  1px solid #CCCCCC;padding:10px;}

.joinbutton{font-size: 11px;color: #002395;background-color: #FFFFFF;border: none;padding-bottom: 2px;/* width: 70px; */padding-left:5px; padding-right:5px;height: 21px;}
.formbox{width: 120px;height: 14px;}

#news {width: 163px;height: 332px;margin-top: 10px;background: url(../x_images/right_gradient.jpg) repeat-y;border-bottom: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC;padding:10px;overflow:scroll;}
.textbox {}

/* ---------- start footer -------------- */

#footer {width: 770px;clear:both;/*float: left;*/background-color:#FFFFFF;font-size:11px;}
#whitestrip {width: 770px;height: 10px;background-color: #FFFFFF;border-bottom: 1px solid #4C4C5D; }
#footernav {width: 770px;background-color: #FFFFFF;margin-top: 5px;height: 30px;} #footernav a{color: #002395;text-decoration:none;} #footernav a:hover{text-decoration:underline;}

/* ---------- forms -------------- */

.formboxmed {width:135px;/*height:17px;*/border:#CCCCCC 1px solid;padding:2px 0px 2px 5px;margin:1px 0px 1px 0px;color:#333333;font-family:Arial,Helvetica,sans-serif;font-size:12px;}
.formboxmid {width:190px;/*height:17px;*/border:#CCCCCC 1px solid;padding:2px 0px 2px 5px;margin:1px 0px 1px 0px;color:#333333;font-family:Arial,Helvetica,sans-serif;font-size:12px;}
.formboxlarge{width:335px;/*height:17px;*/border:#CCCCCC 1px solid;padding:2px 0px 2px 5px;margin:1px 0px 1px 0px;color:#333333;font-family:Arial,Helvetica,sans-serif;font-size:12px;}
.formboxbold{width:335px;/*height:17px;*/border:#CCCCCC 1px solid;padding:2px 0px 2px 5px;margin:1px 0px 1px 0px;color:#333333;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;}
.formboxtiny{width:25px;/*height:17px;*/border: #CCCCCC 1px solid;padding:2px 0px 2px 5px;margin:1px 0px 1px 0px;color: #333333;font-family:Arial,Helvetica,sans-serif;font-size:12px;text-align:center;}

.textboxlarge{width:335px;/*height:17px;*/border:#CCCCCC 1px solid;padding:2px 0px 2px 5px;margin:1px 0px 1px 0px;color:#333333;font-family:Arial,Helvetica,sans-serif;font-size:12px;}

.selectbox{width:200px;border:#CCCCCC 1px solid;padding: 0px 0px 0px 5px;margin: 0px 0px 0px 0px;color: #666666;font-family:Arial,Helvetica,sans-serif;font-size: 12px;}

.button1 {font-family: Arial, Helvetica, sans-serif;width:80px;height:24px;font-size: 11px;font-weight: bold;text-align: center;color: #FFFFFF;background-color:#002395;border:none;/*padding: 5px 10px 5px 10px;*/}
.button1:hover {cursor: pointer;background-color: #666666;}

.button2 {font-family: Arial, Helvetica, sans-serif;width:80px;height:24px;font-size: 11px;font-weight: bold;text-align: center;color: #FFFFFF;background-color:#999999;border:none;/*padding: 5px 10px 5px 10px;*/}
.button2:hover {cursor: pointer;background-color: #CCCCCC;}

.button3 {font-family: Arial, Helvetica, sans-serif;width:80px;height:24px;font-size: 11px;font-weight: bold;text-align: center;color: #FFFFFF;background-color:#CC0000;border:none;/*padding: 5px 10px 5px 10px;*/}
.button3:hover {cursor: pointer;background-color:#990000;}

/* ---------- admin area -------------- */

.tablelink a{ text-decoration: none;}.tablelink a:hover{text-decoration: none;}
.tablehome td{padding: 5px 0px 5px 0px;border-bottom: 1px solid #CCCCCC;}
.tablenostyle td{padding: 0px;border:none;line-height:normal;}
.tableedit td{padding: 5px 0px 5px 0px;line-height:normal;}


.tableline{border-bottom: 2px solid #CCCCCC;line-height:normal;}
.success{color:#92D400;}