/* Safety Guys CSS Document */

*{
margin: 0px;
padding: 0px;
}

html{
margin: 0px;
padding: 0px;
}

body{
font-family: Geneva, Tahoma, Helvetica, sans-serif;
font-size: 76%;
background: #FFFFFF;
color: #000000;
text-align: center;
}
a:link{text-decoration: none; color: #ff6600;}
a:visited{text-decoration: none; color: #ff6600;}
a:hover{text-decoration: underline;}
a:active{text-decoration: underline;}
ul {
list-style-type: none;
}

#wrapper{
width: 760px;
margin: 0px auto 10px auto;
text-align: left;
background: #ff6600;
position: relative;
color: #000000;
}

#headwrap{
width: 100%;
height: 176px;
background-image: url(../images/header_right.jpg);
background-repeat: no-repeat;
background-position: 392px 53px;
}

#headwrap h1{
width: 392px;
height: 97px;
background-image: url(../images/header_left.jpg);
background-repeat: no-repeat;
text-indent: -2000px;
position: relative;
top: 53px;
}
h2{
color: #ff6600;
font-size: 1.3em;
}
h4{
font-size: 1em;
}
a:link.white{
color: white;
}
#headwrap h2{
width: 255px;
height: 18px;
background-image: url(../images/protecting_bottomline.gif);
background-repeat: no-repeat;
position: relative;
top: 58px;
left: 10px;
text-indent: -2000px;
}

#headwrap h4{
width: 160px;
height: 12px;
background-image: url(../images/phone_number.gif);
background-repeat: no-repeat;
position: absolute;
top: 36px;
right: 4px;
text-indent: -2000px
}
/* TOP NAVIGATION */
#nav{
width: 480px;
position: relative;
top: 33px;
left: 300px;
z-index: 20;
}

#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	/*line-height: 1px;*/
}

#nav a {
	display: block;
	/*width: 10em;*/
	color: #000000;
	text-decoration: none;
	/*font-weight: bold;*/
}
#nav a:hover {
	display: block;
	/*width: 10em;*/
	color: #ffffff;
	text-decoration: none;
	/*font-weight: bold;*/
}

#nav li { /* all list items */
	float: left;
	margin-right: 20px;
	/* width: 126px; width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 50px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul li a{
background: #ffffff;
height: 15px;
padding: 3px 0px;
text-indent: 3px;
}
#nav li ul li a:hover{
background: #ff6600;
}
#nav li ul li{
background: #FFFFFF;
border-right: 1px solid #ff6600;
border-bottom: 1px solid #ff6600;
border-left: 1px solid #ff6600;
}
li.top{
border-top:1px solid #ff6600;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -20px 0px 0px 150px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}
#nav li:hover ul ul ul, #nav li.sfhover ul ul ul{
	left: -999em;
}
/*FIRST LEVEL DROP DOWN*/
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	display: block;
}
/*SECOND LEVEL DROP DOWN*/
#nav li li:hover ul, #nav li li.sfhover ul{
	left: 10px;
	display: block;
}
#nav li li:hover #onlinetraining, #nav li li.sfhover #onlinetraining{
	left: -260px;
	display: block;
}
/*THIRD LEVEL DROP DOWN*/
#nav li li li:hover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: 10px;
	display: block;
}
/* SAFETY MANAGEMENT LINK */
li.safetymng{
width: 126px; /* width needed or else Opera goes nuts */
}
li.safetymng ul li{
width: 160px;
/*padding: 3px;*/
}
a.safetymng {
background-image: url(../images/safetymanagement.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
text-indent: -2000px;
width: 126px;
height: 25px;
}
a.safetymng:hover{
background-position: 0px -25px;
}

/* NET SYSTEMS LINK */
li.netsystems{
width: 74px;
}
li.netsystems ul li{
width: 115px;
}
a.netsystems {
background-image: url(../images/netsystems.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
text-indent: -2000px;
width: 74px;
height: 25px;
}
a.netsystems:hover{
background-position: 0px -25px;
}

/* PRODUCTS LINK */
li.products{
width: 54px;
}
li.products ul li{
width: 150px;
}
a.products {
background-image: url(../images/products.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
text-indent: -2000px;
width: 54px;
height: 25px;
}
a.products:hover{
background-position: 0px -25px;
}

/* CONSULTING LINK */
li.consulting{
width: 66px;
}
li.consulting ul li{
width: 118px;
}
a.consulting {
background-image: url(../images/consulting.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
text-indent: -2000px;
width: 66px;
height: 25px;
}
a.consulting:hover{
background-position: 0px -25px;
}

/* Training LINK */
li.training{
width: 48px;
}
li.training ul li{
width: 110px;
}
a.training {
background-image: url(../images/training.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
text-indent: -2000px;
width: 48px;
height: 25px;
}
a.training:hover{
background-position: 0px -25px;
}

/*END NAV*/


#cartsearch{
width: 564px;
height: 30px;
background: #FFFFFF;
position: absolute;
top: 0;
right: 0px;
color: #ff6600;
padding: 0px 0px;
}
#viewcart{
width: 250px;
}
#viewcart img{
position: absolute;
top: 2px;
left: 270px;
border: none;
}
#viewcart p{
width: 100px;
position: absolute;
top: 0px;
left: 0px;
margin-left: 180px;
margin-top: 9px;
padding: 0px;
}

#search{
width: 250px;
position: absolute;
top: 0px;
right: 0px;
}

#search form{
display: inline;
width: 200px;
position: absolute;
top: 7px;
right: 0px;
}
#search form input {
margin: 0px;
padding: 0px;
}

#search p{
position: absolute;
top: 0px;
left: 0px;
margin-top: 9px;
margin-left: 5px;
}

#contentwrap{
background-image: url(../images/bodyBG.gif);
background-repeat: repeat-y;
width: 760px;
}
/* LEFT CONTENT */
#leftcontent{
width: 196px;
float: left;
}
#sitenav{
width: 196px;	
background-image: url(../images/navBG.jpg);
background-repeat: repeat-y;
}
#sitenav ul{
width: 196px;
padding: 3px 0px;
}
#sitenav ul li{
margin: 10px 0px;
}
.spacer{
width: 55px;
}
#sitenav a{
display: block;
width: 136px;
font-family: Arial, Verdana, sans-serif;
font-weight: bold;
text-decoration: none;
color: #000000;
text-align: right;
background-image: url(../images/nav_rollover.gif);
background-repeat: no-repeat;
padding-right: 60px;
}

#sitenav a:hover{
background-position: -196px 0px;
color: #ff6600;
}

#leftcontent p {
display: block;
width: 176px;
margin: 5px auto 10px auto;
color: #FFFFFF;
font-family: Verdana, sans-serif;
}
.rightalign{
text-align: right;
font-style: italic;
font-size: 10px;
}
#leftcontent img{
display: block;
margin: 15px auto;
}
/* RIGHT CONTENT */
#rightcontent{
width: 564px;
background: #FFFFFF;
float: right;
}
#rightcontent img{
border: 1px solid #ff6600;
}
#rightcontent div p{
margin-bottom: 8px;
font-family: Verdana, Arial, sans-serif;
font-size: 13px;
}
#rightcontent div .arrowlist{
margin-bottom: 10px;
font-size: 12px;
}
.showbullets{
list-style-type: disc;
list-style-position: inside;
line-height: 18px;
font-size: 13px;
}
img.floatleft{
float:left;
margin-right: 5px;
border: 0;
}
img.floatright{
float:right;
border: 0;
}
img.fright{
border: 0;
float: right;
margin-bottom: 5px;
}
img.fleft{
border: 0;
float: left;
margin-right: 5px;
margin-bottom:5px;
}
div.clearimg{
clear: both;
height: 5px;
font-size: 1%;
}
.showbullets li {
margin-bottom: 4px;
}
.showbullets li ul{
margin-left: 10px;
}
.padding {
position: relative;
width: 528px;
margin: 6px auto;
}
.padding h1{
color: black;
background: none;
font-size: 18px;
/*text-indent: 2000px;*/
}
.padding h4{
background: #ff6600;
padding: 3px 4px;
color: #ffffff;
font-size: 1.15em;
margin-bottom: 5px;
}
.padding h5{
font-size: 1.05em;
margin-bottom: 3px;
border-bottom: 1px solid #ff6600;
}
#rightPart1{
width: 528px;
height: 306px;
margin: 6px auto 0px auto;
background-image: url(../images/home_bg.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
font-size: 12px;
border-bottom: 3px solid #ff6600;
}
#rightPart1 h3{
text-indent: -2000px;

}
#rightPart1 #homepic{
margin-top: 40px;
display: block;
width: 357px;
height: 20px;
background-image: url(../images/safety_managementHeader.gif);
background-repeat: no-repeat;
background-position: 0 0;
text-indent: -2000px;
border-bottom: 3px solid #ff6600;
}
#brochure{
display: block;
width: 120px;
font-size: 1.1em;
font-weight: bold;
color: #000;
border: 1px solid #000;
background: #ff6600;
text-align: center;
}
#brochure a{
color: #000;
display: block;
width: 100%;
}
#brochure a:hover{
color: #000;
display: block;
width: 100%;
background: #fff;
text-decoration: none;
}
#rightPart1 ul{
margin-top: 5px;
margin-left: 10px;
}
#rightPart1 ul li{
margin-bottom: 5px;
}

#rightPart2{
width: 528px;
margin: 5px auto;
}
#rightPart2 a{
color: #ff6600;
text-decoration: none;
}
#rightPart2 a:hover{
color: #ff6600;
text-decoration: underline;
}
#left{
float: left;
width: 260px;
font-size: 12px;
border-right: 3px solid #ff6600;
}
#left h3{
text-indent:-2000px;
background-image: url(../images/general_productsHeader.gif);
background-repeat: no-repeat;
width: 198px;
height: 16px;
}
#left h4{
font-size: 1em;
margin-left: 5px;
color: #ff6600;
}
#left ul{
margin-left: 5px;
}
#left ul li{
margin-bottom: 3px;
}
#left a{
margin-top: 10px;
margin-left: 10px;
font-size: 10px;
}
#right{
float: left;
width: 250px;
font-size: 12px;
margin-left: 5px;
}
#right h3{
text-indent:-2000px;
background-image: url(../images/net_systemsHeader.gif);
background-repeat: no-repeat;
}
.arrowlist{
list-style-image: url(../images/list_arrow.gif);
margin-left: 20px;
}
#right ul li{
margin-bottom: 3px;
}
#right a{
margin-left: 90px;
font-size: 10px;
}
/* FOOTER */
#footer{
clear: both;
width: 760px;
border-top: 2px solid #FFFFFF;
font-size: 11px;
background: #FFFFFF;
}

#footnav{
/*width: 760px;*/
background: #ff6600;
padding: 4px 60px 4px 60px;
color: #FFFFFF;
text-align: center;
}
#footnav a{
color: #FFFFFF;
text-decoration: none;
}
#footnav a:hover{
text-decoration: underline;
}
#footer ul li{
display: inline;
}
#sponsors{
margin: 5px 0px;
padding: 0px;
width: 668px;
position: relative;
left: 96px;
}
.image{
float: left;
margin-right: 25px;
}
#cards{
width: 300px;
vertical-align: top;
float:left;
}
.clearer{
clear: both;
height: 10px;
font-size: 100%;
}
#footcontent {
text-align: center;
vertical-align: top;
}
#cards img{
vertical-align: top;
}
.TOLS {
margin-top: 5px;
text-align: center;
}
.testimony{
border-top: 1px solid #ff6600;
border-bottom: 1px solid #ff6600;
padding: 8px 10px;
}
#catsearch {
width: 95px;
margin: 3px 0px 3px 40px;
padding: 0px 10px 3px 10px;
color: #ffffff;
border-top: 1px solid white;
border-bottom: 1px solid white;
}
#catsearch a{
color: #ffffff;
}


/* SHOPPING CART */
.padding #tableSearchResults{
margin: 0px;
padding: 0px;
border-collapse: collapse;
width: 100%;
}
.padding #tableSearchResults td{
border: 1px solid #ff6600;
padding: 3px 0px 0px 5px;
margin: 0px;
}
.padding #tableSearchResults td:first-child {
width: 75%;
}
.padding #tableSearchResults th{
text-align: center;
color: #ff6600;
}
.padding #tableSearchResults th:first-child{
text-align: left;
}
#tableSearchResults .altrowOdd{
background: #dcdcdc;
}
#tableProductDetails{
width: 100%;
border-bottom: 1px solid #ff6600;
}
#tableProductDetails form{
margin-top: 3px;
}
#tableProductDetails h3{
color: #ff6600;
border-bottom: 1px solid #cccccc;
}
#tableProductDetails img{
border: 0;
}
#tableProductDetails td{
vertical-align: top;
}
#tableProductDetails td+td{
vertical-align: top;
padding-left: 4px;
}
#tableProductDetails ul{
list-style-type: disc;
list-style-position: inside;
}
#tableProductDetails ul li{
margin-bottom: 3px;
}
.tabularData{
width: 100%;
border-collapse: collapse;
}
.tabularData th{
color: #ff6600;
vertical-align: bottom;
}
.tabularData td{
border: 1px solid #ff6600;
padding: 2px 5px;
}
#checkout{
position: absolute;
right: 30px;
}
/* ORDER FORM */
.orderFormLogin th{
color: #ff6600;
}
.orderFormLogin td{
padding: 3px;
}
.orderFromEmail th{
color: #ff6600;
}
.orderFromEmail td{
padding: 3px;
}
.orderFormLogin input{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
font-weight: bold;
color: #ff6600;
text-align: left;
}
.orderFromEmail input{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
font-weight: bold;
color: #ff6600;
text-align: left;
}
.orderForm input, .orderForm select, .orderForm textarea{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
font-weight: bold;
color: #ff6600;
text-align: left;
}
.orderForm th{
color: #ff6600;
}
.orderForm td{
padding: 5px;
vertical-align: middle;
}
.errorMessage {
color: red;
font-weight: bold;
}
/*Form Styles*/
input, select, textarea {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
font-weight: bold;
color: #ff6600;
}
input {
background: #FFFFFF;
border: 1px solid #999999;
}

select, textarea {
background: #FFFFFF;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;

}

input.formCheckbox {
border: none;
background: transparent;
}

input.formButton {
background: white;
border-bottom: 1px solid #999999;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
border-top: 1px solid #999999;
color: #ff6600;
font-weight: bold;
margin: 0px 0px 0px 0px;
}
.pagingLinks{
text-align: center;
}
.moreinfo{
font-size: .8em;
position: absolute;
left: 87%;
width: 65px;
}

#textSection1{
background-image: none;

}
#schedule{
width: 95%;
border-bottom: 2px solid #FF6600;
}
#schedule th{
text-align: center;
background: #FF6600;
padding: 3px;
font-size: 16px;
color: white;
}
#schedule td{
vertical-align: middle;
padding: 5px;
border-bottom: 1px dashed #FF6600;
}
#schedule .tableheader2 td{
text-align: center;
background: #CCCCCC;
font-weight: bold;
border-bottom: none;
}
#rates{
width: 95%;
border-bottom: 2px solid #FF6600;
}

#rates th{
text-align: center;
background: #FF6600;
padding: 3px;
font-size: 16px;
color: white;
}

#rates td{
padding: 5px;
border-bottom: 1px dashed #FF6600;
}
#rates td + td{
text-align: center;
vertical-align: top;
}
#rates .tableheader2 td{
background: #CCCCCC;
font-weight: bold;
border-bottom: none;
}
#tableCourseResults{
width: 100%;
border: none;
}
#tableCourseResults th{
background: #FF6600;
padding: 5px;
font-size: 14px;
color: #FFFFFF;
}
#tableCourseResults td{
padding: 5px;
}
#tableCourseResults .altrowOdd{
background: #dcdcdc;
}
#category_list{
color: #FF6600;
}
#category_list h2{
font-size: 24px;
text-align: center;
}
#category_list .cat{
float: left;
margin: 0 4px 0px 4px;
text-align: center;
font-weight: bold;
}
#MNG_Seminar{
border-bottom: 3px solid #FF6600;
width: 528px;
margin: 10px auto;
text-align: center;
}
#MNG_Seminar img{
border: none;
float: left;
}
#MNG_Seminar .bold{
font-size: 14px;
font-weight: bold;
text-align: center;
margin: 0;
}
#MNG_Seminar p{
text-align: left;
margin-top: 20px;
}
/*IMAGE STYLES*/
#rightPart2 #left img{
border: none;
}
/*OTHER FONT STYLES*/
.orange{
color: #FF6600;
}
.strong{
font-weight: bold;
}
#rightPart2 #left .orange{
font-size: 11px;
margin-left: 8px;
line-height: 14px;
}
.strong .orange{
font-size: 12px;
}
.largetext{
font-size: 18px;
}
.title_imgreplace{
display: block;
text-indent: -3000px;
width: 395px;
height: 23px;
background-image: url(../images/title_imgreplace.jpg);
background-repeat: no-repeat;
background-position: 0px 20px;
clear:both;
padding-top: 20px;
}
/*OTHER LIST STYLES*/
.starbullets{
list-style-image:url(../images/redstar.jpg);
list-style-position: inside;
margin-bottom: 15px;
font-family:Verdana,Arial,sans-serif;
font-size:13px;
line-height:18px;
clear: both;
}
.starbullets li{
padding: 0px;
}
/*Projects Table*/
#projects table{
width: 100%;
}
#projects table td{
padding: 4px;
}
#projects .subhead{
background: #FF6600;
color: white;
font-weight: bold;
}
#projects table th{
background: #CCCCCC;
font-size: 13px;
text-decoration: underline;
padding: 3px;
}
#projects table .col1{
width: 30%;
}
#projects table .col2{
width: 40%;
}
#projects table .col3{
width: 30%;
}
#projects ul{
margin-left: 35px;
list-style-type: disc;
}
#projects ul li{
margin-bottom: 8px;
}
/*Econo Line Table*/
#econline, #econline td{
border-collapse: separate;
border: 1px solid black;
text-align: center;
text-transform: capitalize;
}
#econline td{
vertical-align: top;
padding: 3px;
}
#econline{
border: none;
}
#econline img{
border: none;
}