/*there are Internet Explorer Specfic css in the header section of 
the template page for classes
#top_image
.search_box
if you are changing those, dont forget to change in the template as well*/

/*---[ TAG STYLES ]-------------*/
/*body{
	margin:0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	background-color:#f1f1f1;

}*/

img{
	border:none;
}

a:link, a:visited, a:active { 
}
a:hover { 
}

h1 {
   font-weight: normal;
   text-transform: uppercase;
   font-size: 2.0em;
   color:#666666;
}


h2 {
   font-size: 1.0em;
   font-weight: bold;
   text-transform: uppercase;
}

h3 {
   color: #666666;
   font-weight: normal;
   font-size: 2.2em;
 }


/*---[ LAYOUT STYLES ]----------*/
#wrapper {
	width:100%;
	padding:0px;
	text-align:left;
	background-color:#f1f1f1;
}

#header {
	margin-bottom: 30px;
	background-image:url(../images/bg_nav.jpg);
	background-repeat:repeat-x;	
}
#inner_header {
	margin-left:auto;
	margin-right: auto;
	width:900px;
}

#content-nav td{
	background:none;
	border:none;
}

#content{
	margin-right:auto;
	margin-left:auto;
	width:860px;
	padding: 10px 20px;
	background-image:url(/app/templaterepository/worksafeforlife/images/wrapper_bg.jpg);
}
#back_top {
	float:left;
	position:relative;
	right: 80px;
	width:20px;
	bottom:-80px;
}

#MainMenu {
	display:none;
}

/*---[ STYLE CLASSES ]---------------*/
.breadcrumb_article {
	display:none;
}


.change_text_size {
	float:right;
	position:relative;
	vertical-align:top;
	text-align:right;	
}

.search_box {
	height:12px; 
	font-size:10px; 
	text-align:right;
}

.news1{
	margin: 2px 0px;
	padding:4px;
}

.news2{
	margin: 2px 0px;
	background:#CCCCCC;
	padding:4px;
}

.date{
	color:#990000;
	font-size:12px;
}

.news_title {
	font-weight:bold;
}

a.evoArticleTitle {
	color:#41abec;
	font-weight:bold;
	text-decoration:none;
}

a.evoArticleTitle:hover {
	text-decoration:underline;
}

.evoArticleDate {
	font-size:xx-small;
} 	

td.evoCategoryTitle {
	color:#41abec;
	font-weight:bold;
	font-size:16px;
	text-decoration:none;
	border-bottom:2px #41abec solid;
}

/*..........................  menu  .............................*/


a.menu:link, a.menu:active, a.menu:visited {
	display:block;
	padding-left:15px;
	padding-top:3px;
	text-decoration:none;
	border-top:1px #888 dashed;
	color:#333333;
}
a.menu:hover {
	background-color:#ddd;
}

a.menuactive:link, a.menuactive:active, a.menuactive:visited {
	display:block;
	padding-left:15px;
	margin-right:5px;
	padding-top:3px;
	text-decoration:none;
	border-top:1px #888 dashed;
	color:#333333;
}

a.menuactive:hover {
	background-color:#ddd;
}

.menu_head {
	color:#41abec;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	margin-left:10px;
}


/*..........................  sub menu 1  .............................*/

a.submenu1:link, a.submenu1:visited, a.submenu1active:link, a.submenu1active:active, a.submenu1active:visited {
	text-decoration: none;
	/*position:relative;
	left: 7px;*/
	border-bottom:1px dotted #999999;
	padding:4px 4px 4px 15px;
	margin-right:5px;
	color:#333333;
	width:145px;
	display:block;
}

a.submenu1:active, a.submenu1active {
	background-color:#ddd;
	color: white !important;
   background: #333333 url(../images/bg-arrow.jpg) center left no-repeat;
   padding-left: 12px;
}

a.submenu1:hover {
	background-color:#ddd;
	color: white !important;
   background: #333333 url(../images/bg-arrow.jpg) center left no-repeat;
   padding-left: 12px;
}

/* ========================================================================================================== */

* {
   margin: 0; 
   padding: 0;
}

body {
   font-family: verdana, sans-serif;
   background: #7C7C7E;
   font-size: 75%;
   color: #333333;
}

h1 {
   font-weight: normal;
   text-transform: uppercase;
   font-size: 2.0em;
}


h2 {
   font-size: 1.0em;
   font-weight: bold;
   text-transform: uppercase;
}

h3 {
   color: #666666;
   font-weight: normal;
   font-size: 2.2em;

}

h4 {
}

img {
   border: 0px;
}

p {
   margin-bottom: 12px;
}

a {
   color: #333333;
}

form {
   margin: 0;
   padding: 0;
}

input {
   font-family: verdana, sans-serif;
   font-size: 1.0em;
}

textarea {
   font-family: verdana, sans-serif;
   font-size: 1.0em;
}

fieldset {
   margin: 0;
   padding: 0;
   border: 0;
}

#nav-container {
   background: url(../images/bg-nav.jpg) top left repeat-x;
   height: 56px;
}

#social_bmks {
	position:absolute;
	right:354px;
	top:13px;
}

#nav-container ul {
   margin-left: 0px;
   padding-left: 0px;
   text-indent: 0px;
   list-style-type: none;
}

#nav {
   margin-left: auto;
   margin-right: auto;
   width: 794px;
}

#nav li.nav-item {
   float: left;
   height: 56px;
}

#nav li.nav-item img {
   display: block;
}

#nav-logo {
   float: right;
}

.sub-nav {
   position: absolute;
   top: 56px;
   background: #B2B3B5;
   visibility: hidden;
   width: 215px;
}

.sub-nav li a {
   display: block;
   font-size: 0.8em;
   font-weight: bold;
   color: #FFFFFF;
   text-decoration: none;
   background: #B4B3B1;
   border-top: 1px solid #D3D3D4;
   border-right: 1px solid #717173;
   border-bottom:  1px solid #4B4B4C;
   border-left: 1px solid #C2C3C5;
   padding-top: 3px;
   padding-right: 10px;
   padding-left: 10px;
   padding-bottom: 4px;
}

.sub-nav li a:hover {
   border-top: 1px solid #FEEA87;
   border-right: 1px solid #9C8C1B;
   border-bottom:  1px solid #665B1B;
   border-left: 1px solid #FFE361;
   color: #000000;
   background: #FDDA36;
}

#main-container {
   background: url(../images/bg-main.jpg) top left repeat-x;
}

#blog-main-container {
   background: #E5E5E5;
}

#background-container {
   background: url(../images/bg-container.jpg) top left no-repeat;
   margin-left: auto;
   margin-right: auto;
   width: 986px;
}

#blog-background-container {
   background: url(../images/bg-blog.jpg) top left repeat-y;
   margin-left: auto;
   margin-right: auto;
   width: 986px;
}

#content-container {
   margin-left: auto;
   margin-right: auto;
   width: 794px;
   text-align:left;
}

#content-container ul {
   margin-left: 10px;
   padding-left: 5px;
   text-indent: 0px;
   margin-bottom: 12px;
   text-align:left;
}

#home-container {
   background: url(../images/bg-home.jpg) top left repeat-x;
}

#home-content {
   margin-left: auto;
   margin-right: auto;
   width: 931px;
}

#video-content {
   margin-left: auto;
   margin-right: auto;
   width: 794px;
}

#ticker-container {
   background: url(../images/bg-ticker.jpg) top left repeat-x;
}

#ticker-content {
   margin-left: auto;
   margin-right: auto;
   width: 830px;
}

#breadcrumb {
   padding-top: 11px;
   padding-bottom: 11px;
   padding-left: 11px;
   border-bottom: 1px dotted #666666;
}

#breadcrumb a {
   text-decoration: none;
}

#breadcrumb a:hover {
   text-decoration: underline;
}

span.breadcrumb {
	display:none;
}

#content-container h1 {
   padding-bottom: 15px;
}
#left_side {
	float:left;
	width:255px;
	margin-bottom:20px;
}
#social_bmks_inside {
	text-align:center;
	padding-right:20px;
}
#content-nav {
   float: left;
   width: 221px;
   margin-top: 24px;
   margin-bottom:  24px;
   padding-right: 24px;
   padding-bottom: 10px;
   padding-left: 10px;
}

#content-nav ul {
   margin-left: 0px;
   padding-left: 0px;
   text-indent: 0px;
   list-style-type: none;
}

#content-nav a {
	width:99%;
}
#content-nav li {
   padding-top: 3px;
   padding-bottom: 3px;
   border-bottom: 1px dotted #666666;
}

#content-nav li.last {
   border: 0px;
}

#content-nav li a {
   font-size: 0.9em;
   display: block;
   font-weight: bold;
   padding-bottom: 1px;
   text-decoration: none;
}

#content-nav a {
   font-size: 0.9em;
   display: block;
   font-weight: bold;
   padding-bottom: 1px;
   text-decoration: none;
}

#content-nav li a:hover, #content-nav li a.selected, #content-nav a:hover, #content-nav a.selected {
   color: #FFFFFF;
   background: #333333 url(../images/bg-arrow.jpg) center left no-repeat;
   padding-left: 12px;
}

#content-main {
   min-height: 235px; 
   height: auto !important; 
   height: 235px;
   border-left: 1px dotted #666666;
   float: left;
   width: 514px;
   padding-left: 24px;
   margin-top: 24px;
   margin-bottom: 24px;
   _margin-bottom: 12px; /* HACK FOR IE6 TO PREVENT DOUBLE MARGIN */
   font-size: 0.9em;
}

#content-main-no-border {
   min-height: 235px; 
   height: auto !important; 
   height: 235px;
   width: 784px;
   padding-left: 10px;
   margin-top: 24px;
   font-size: 0.9em;
}

#content-main h1 {
   color: #666666;
   font-size: 2.3em;
}

#content-main a.selected {
   color: #666666;
}

#featured-main-container {
   background: url(../images/bg-featured2.jpg) top left repeat-x;
}

#featured-container {
   margin-left: auto;
   margin-right: auto;
   width: 794px;
   text-align:left;
   position: relative;
}

#featured-main {
   float: left;
   width: 598px;
}

#featured-main-content {
   margin-top: 20px;
   font-size: 0.9em;
   text-align:left;
}

#featured-main-content p {
   margin-bottom: 0px;
}

.featured-main-content-item {
   float: left;
   width: 162px;
   padding-right: 36px;
}

.featured-main-content-item img {
   display: block;
}

.last-feature {
   border-right: 1px dotted #666666;
}

#featured-blog {
   float: left;
   padding-left: 15px;
   width: 179px;
   font-size: 0.9em;
}

#featured-blog img.blog-box {
   margin-left: 3px;
   display: block;
}

#featured-blog-items {
   margin-left: 3px;
   margin-right: 3px;
   background: #8C8D8F url(../images/wcb-blog-box-mid.jpg) top left repeat-y;
}

#featured-blog-items a {
   display: block;
   color: #FDD104;
   font-weight: bold;
   background: #8C8D8F;
   border-bottom: 1px dotted #FFFFFF;
   padding: 11px 10px 14px 10px;
   margin-left: 1px;
   margin-right: 1px;
}

#featured-blog-items a:hover, #featured-blog-items a:focus {
   background: #545556;
}

.blog-item {
   padding-top: 10px;
   padding-left: 15px;
}

.blog-section-title {
   padding-top: 20px;
}

.blog-item a {
   color: #000000;
}

.phone {
   margin-top: 110px;
   padding-top: 14px;
   border-top: 1px dotted #666666;
   text-transform: uppercase;
   font-size: 1.1em;
}

#contact-fields .form-field {
   clear: both;
   padding-bottom: 8px;
}

#contact-fields .form-field label {
   width: 70px;
   display: block;
   float: left;
}

#contact-fields .form-field input {
   width: 351px;
}

#contact-fields .form-field-text {
   clear: both;
   padding-bottom: 15px;
}

#contact-fields .form-field-text label {
   display: block;
   padding-bottom: 10px;
}

#contact-fields .form-field-text textarea {
   width: 421px;
   height: 50px;
}

.blog-content {
   border-bottom: 1px dotted #666666;
   padding-bottom: 15px;
}

.blog-content img {
   float: left;
   padding-right: 10px;
   padding-bottom: 10px;
}

.blog-content a {
   font-weight: bold;
}

.blog-info {
   border-bottom: 1px dotted #666666;
   padding-top: 15px;
   padding-bottom: 15px;
   margin-bottom: 15px;
}

.blog-author {
   float: left;
}

.blog-next {
   float: right;
}

.blog-options {
   margin-top: 15px;
   float: right;
}

.blog-options img {
   padding: 0px;
   margin: 0px;   
}

.blog-options a {
   font-weight: normal;
   text-decoration: none;
}

.blog-option {
   float: left;
}

#send-to-friend {
   width: 343px;
   height: 319px;
   padding-top: 20px;
   padding-left: 23px;
   padding-right: 23px;
   font-size: 0.9em;
   background: #DEDEDE url(../images/bg-send-to-friend.jpg) top left no-repeat;
}

#send-to-friend #close-window {
   padding-left: 328px;
}

#send-to-friend #intro-text {
   padding-top: 45px;
}

#send-to-friend-fields {
   padding-top: 22px;
}

#send-to-friend-fields .form-field {
   clear: both;
   padding-bottom: 11px;
}

#send-to-friend-fields .form-field label {
   width: 110px;
   display: block;
   font-weight: bold;
   float: left;
   padding-top: 2px;
}

#send-to-friend-fields .form-field input {
   width: 167px;
   border: 1px solid #CCCCCC;
   padding: 2px;
}

#send-to-friend-fields .form-field textarea {
   width: 171px;
   height: 55px;
   border: 1px solid #CCCCCC;
}

#send-to-friend-fields .form-field-submit {
   padding-left: 112px;
}

#send-to-friend-fields .form-field-submit input {
   width: 86px;
}

#send-to-friend-fields #error-message {
   margin-top: 24px;
   color: #BD0000;
   font-weight: bold;
}

#step-navigation {
   float: right;
}

.step-info {
   font-weight: bold;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 2px;
   float: left;
}

.step-button {
   float: left;
}

#step-content {
   min-height: 223px; 
   height: auto !important; 
   height: 223px;
}

#poster-image {
   padding-top: 15px;
   padding-bottom: 15px;
}

#poster-preview {
   float: left;
   padding-top: 15px;
   padding-right: 16px;
}

#poster-preview img {
   padding-bottom: 6px;
}

#poster-action {
   padding-top: 15px;
   float: left;
}

#poster-action img {
   padding-right: 15px;
}

#poster-action textarea {
   width: 326px;
   height: 120px;
}

#poster-image input.file {
   padding-top: 2px;
   padding-bottom: 3px;
}

#ecard-preview {
   float: left;
   padding-right: 16px;
}

#ecard-preview img {
   padding-bottom: 6px;
}

#ecard-action {
   float: left;
}

#ecard-action input {
   margin-top: 7px;
   margin-bottom: 7px;
}

#ecard-action input.info-form {
   width: 333px;
}

#ecard-action input.email-form {
   width: 190px;
   float: left;
}

#ecard-action label {
   padding-top: 8px;
   width: 143px;
   float: left;
}

#ecard-action textarea {
   margin-top: 7px;
   margin-bottom: 7px;
   width: 333px;
   height: 76px;
}

.step-option {
   width: 160px;
   padding-right: 16px;
   padding-bottom: 0px;
   float: left;
   text-align: left;
}

.step-option p {
   margin-top: 10px;
}

.step-option img {
   padding-bottom: 5px;
}

.step-option-last {
   padding-right: 0px;
}

#step-content .required {
   padding-top: 5px;
   padding-right: 1px;
   font-size: 0.9em;
   float: right;
}

#sitemap {
   padding-left: 10px;
   margin-top: 24px;
}

#sitemap ul {
   margin-left: 0px;
   padding-left: 0px;
   text-indent: 0px;
   list-style-type: none;
}

#sitemap a {
   display: block;
   width: 208px;
   color: #000000;
   text-decoration: none;
   font-weight: bold;
   padding-bottom:5px;
}

#sitemap a:hover, #sitemap a:focus {
   background: #000000;
   color: #FFFFFF;
}

.full-panel {
   float: left;
   padding-left: 14px;
   padding-right: 14px;
   margin-bottom: 14px;
   border-right: 1px dotted #666666;
}

.full-panel-inner {
   float: left;
   width: 232px;
   min-height: 180px; 
   height: 200px;
   height: auto !important; 
   height: 180px;
   border-bottom: 1px dotted #666666;
}

.full-panel-first {
   padding-left: 0px;
}

.full-panel-last {
   border-right: 0px;
}

.full-panel-bottom {
   border-bottom: 0px;
}

.full-panel h1 {
   color: #666666;
   font-size: 1.8em;
}

.three-panel {
   float: left;
   width: 182px;
   padding-top: 15px;
}

.three-panel h2 {
   margin-bottom: 15px;
}

.three-panel-last {
   width: 139px;
}

#footer-container {
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   background: url(../images/bg-footer.jpg) top left repeat-x;
   /*text-align: left;*/
   padding-bottom: 10px;

}

#footer-container li {
   text-align: left;
   display: inline;
}

#footer-container ul {
   margin-left: 0px;
   padding-left: 0px;
   text-indent: 0px;
   list-style-type: none;
   text-align: left;
}

#footer-container a {
   font-size: 0.8em;
   text-decoration: none;
   text-transform: uppercase;
}

#footer-container a:hover {
   text-decoration: underline;
}

#footer {
   margin-left: auto;
   margin-right: auto;
   width: 986px;
   /*text-align: left;*/
}

#footer-copyright {
   color: #555555;
   font-size: 0.75em;
   float: left;
   width: 595px;
   text-align: left ! important;
   padding-left: 96px;
   padding-top: 15px;
   padding-bottom: 15px;
}

#footer-links {
   float: left;
   text-align: right ! important;
   padding-top: 13px;
   padding-bottom: 15px;
}

#footer li {
   display: inline;
}

#footer a {
   font-size: 0.8em;
   text-decoration: none;
   text-transform: uppercase;
}

#footer a:hover {
   text-decoration: underline;
}

#flash-hazard-sign {
   position: absolute;
   top: 56px;
   /* margin-left: 310px; */
   margin-left: 310px;
}

#flash-hazard-snow {
   position: absolute;
   top: 0px;
   /* margin-left: 260px; */
   margin-left: 260px;
}

#flash-hazard-fishguy {
   position: absolute;
   top: 180px;
   /*margin-left: 265px;*/
   margin-left: 265px;
}

#flash-hazard-forklift {
   position: absolute;
   top: 270px;
   /* margin-left: 155px; */
   margin-left: 155px;
}

#flash-hazard-lightbulb {
   position: absolute;
   top: 56px;
   /* margin-left: 310px; */
   margin-left: 310px;
}

#flash-hazard-pipe {
   position: absolute;
   top: 211px;
   /* margin-left: 200px; */
   margin-left: 200px;
}

#flash-hazard-waterdrip {
   position: absolute;
   top: 56px;
   /* margin-left: 150px; */
   margin-left: 150px;
}

#flash-hazard-wobblingbox {
   position: absolute;
   top: 180px;
   /* margin-left: 250px; */
   margin-left: 250px;
}

.ecard {
   float: right;
   padding-right: 15px;
}

.red {
   color: red;
}

.green {
   color: green;
}

#error-message {
   padding-top: 10px;
   color: red;
}

.clear {
   clear: both;
}


table{border-spacing:3px; border: 2px transparent; font:10px 'Verdana', Arial, Helvetica, sans-serif;}
td, th{padding:8px;}
thead th{text-align:left;background:#000000;color:#FFFFFF;border-color:transparent; }
tbody th{font-weight:normal;}
tbody tr{background:#b5b5b5;text-align:left;border-color:transparent;}
tbody tr.odd{background:#d1d1d1;}

tbody tr td{height:10px;background:#b5b5b5;border-color:transparent; }
tbody tr.odd td{background:#d1d1d1;}

th td{background:#000000;color:#FFFFFF;text-align:left;font-weight:bold;}

tfoot td{text-align:left;font-weight:normal;}
tfoot th{text-align:left;font-weight:bold;}

#nav ul {
	text-align:left;
}


/*-- FLASH DIVS  --*/ 

#flash-animation {
	margin:0px;
	padding:0px;
}

#flash-hazard-sign {
	margin-left:310px;
	position:absolute;
	top:56px;
}

#flash-hazard-snow {
	margin-left:260px;
	position:absolute;
	top:0;
}

#flash-hazard-fishguy {
	margin-left:265px;
	position:absolute;
	top:180px;
}

#flash-hazard-wobblingbox {
	margin-left:250px;
	position:absolute;
	top:180px;
}

#flash-hazard-pipe {
	margin-left:200px;
	position:absolute;
	top:211px;
}