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


/** 
OSHA COmpliance Safety Training
 */
 
body{
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#313131;
	line-height:17px;
	text-align:justify;
 }
	
h1,h2,h3,h4,h5,h6{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/*---- Start common-------------------*/

.bold{font-weight:bold;}.nornal{font-weight:normal;}.italics{font-style:italic;}
.fnt07{font-size:7px;}.fnt08{font-size:8px;}.fnt09{font-size:9px;}.fnt10{font-size:10px;}.fnt11{font-size:11px;}.fnt12{font-size:12px;}.fnt13{font-size:13px;}.fnt14{font-size:14px;}.fnt15{font-size:15px;}.fnt16{font-size:16px;}.fnt17{font-size:17px;}.fnt18{font-size:18px;}.fnt19{font-size:19px;}.fnt20{font-size:20px;}.fnt21{font-size:21px;}.fnt22{font-size:22px;}.fnt23{font-size:23px;}.fnt24{font-size:24px;}.fnt25{font-size:25px;}.fnt26{font-size:26px;}.fnt27{font-size:27px;}.fnt28{font-size:28px;}.fnt29{font-size:29px;}.fnt30{font-size:30px;}.fnt43{font-size:43px;}
.fleft{float:left;}.fright{float:right;} .txtleft{text-align:left;}.txtright{text-align:right;}.txtcenter{text-align:center;}.txtjustify{text-align:justify;}
.DisBlock{display:block;}.DisNone{display:none;} .visible{visibility:visible;}.hidden{visibility:hidden;}
.white{color:#fff;}.black{color:#000;}.red{color:#f00;} .clearboth{clear:both;}.full{width:100%;}.hand{cursor:pointer;}
.brd{border:1px solid red;}.height-5{height:5px;} .height-10{height:10px;}.height-20{height:20px;} .underline{text-decoration:underline;}
.noBorder{border:0;} .padd-0-5{padding:0 5px;} .width100{width:100px;} .width200{width:200px;} .width500{width:500px;} .width700{width:700px;}
.PosAbsolute{position:absolute;} 

/*---- End common--------------------*/



/*===========================Sprite btn CSS Start===========================*/

.spritebtn a{ background:transparent url(../images/icon_sprite.gif) no-repeat right -393px; float:left; padding-right:4px; font-family:arial; padding-top:4px; height:24px; color:#596362; font-size:11px; font-weight:normal; text-decoration:none; white-space:nowrap; font-weight:bold}
.spritebtn a:hover { color:#999999}
.spritebtn span{background:url(../images/icon_sprite.gif) no-repeat 0 -393px; padding-left:18px; float:left; height:35px; }
  
/*===========================Sprite btn CSS Start===========================*/


/*===========================banner Start===========================*/

.bannerdiv{ width:947px; margin: auto}

.logo{
 
width:196px; height:107px}

.bannerright{
width:240px;
height:87px;
text-align:left;
padding:20px 0 0 20px}

.menubg{
background-image:url(../images/menubtn-bg.jpg);
background-repeat:repeat-x;
height:33px;
width:100%}
 
.menu{
margin:auto;
width:947px;
height:33px}

.fmaindiv{
width:947px; margin:auto}

.firstflash{ width:730px; height:249px}

.secondflash{ width:183px; height:239px;
background-image:url(../images/flashbanner2-bg.jpg);
padding:10px 17px 0 17px
}

.smallbanner{width:470px; padding:18px 0 10px 20px}
 
.secondflash h1{
font-size:25px;
font-weight:bold;
line-height:55px;

color:#FFFFFF;
display:inline}

.secondflash h2{
font-size:45px;
font-weight:bold;
line-height:55px;

color:#fcff00;
display:inline}

.calbigbtn{
width:455px;
background-image:url(../images/calbtnbg.jpg);
border-bottom:1px #dadada solid;
border:1px #dadada solid;
border-top:none;
height:40px;
padding:15px 6px 0 10px}

.calbigbtn h1{ 
font-size:32px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
display: inline;}


.calbigbtn h2{
font-size:22px;
color:#F78C0C;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
display: inline;
 }
 
 
 
 .calbigbtn2{
width:455px;
background-image:url(../images/calbtnbg.jpg);
border-bottom:1px #dadada solid;
border:1px #dadada solid;
border-left:none;
border-top:none;
height:40px;
padding:15px 8px 0 10px}

.calbigbtn2 h1{ 
font-size:32px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
display: inline;}


.calbigbtn2 h2{
font-size:22px;
color:#F78C0C;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
display: inline;
 }
/*===========================banner end===========================*/


/*===========================body Start===========================*/
.maindiv{width:947px; margin:auto}

.bigbtin-bg{
width:945px;
background-color:#f8f8f7;
border:1px solid #e7e7e7;
}


.leftbigbtn{
width:560px;
 
}


.rightbigbtn{
width:384px;
height:160px;
 
border-left:1px solid #e7e7e7}


 

.hazcourses{
width:530px; text-align:center; padding: 20px 0 5px 22px}

.hazcourses h1{ 
font-size:32px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
display: inline;}


.hazcourses h2{
font-size:22px;
color:#F78C0C;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
display: inline;
 }


 .enrollbtn{
 width:76px; text-align:left;  padding:5px 0 0 5px}




 
.oshacourses{
width:362px; text-align:center; padding:20px 0 5px 22px}

.oshacourses h1{ 
font-size:32px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
display: inline;}


.oshacourses h2{
font-size:22px;
color:#F78C0C;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
display: inline;
 }


.bigbutton{
width:165px;
height:100px;
background-image:url(../images/btnbgpart.jpg); background-repeat:no-repeat;
margin:0 10px 0 0
 }

.bigbtnimageleft{background-image:url(../images/leftbtnpart.jpg); width:12px; height:96px; background-repeat:no-repeat}

.bigbtnimageright{background-image:url(../images/rightbtnpart.jpg); width:12px; height:96px; background-repeat:no-repeat}


.bigbuttonbgarea{
width:141px;
height:85px;
background-image:url(../images/btnbgpart.jpg);background-repeat: repeat-x;
padding:15px 0 0 0;
text-align:left}


.detail{
 line-height:35px; color:#ff7c00; font-weight:normal}
 
 a.detail:hover{
 line-height:35px; color:#313131; font-weight:normal}
 
 .detail2{
 color:#313131; font-weight:normal;
 text-decoration:none;
 font-size:12px
 }
 
 a.detail2:hover{
  color:#ff7c00 ; font-weight:normal
   font-size:12px}
 
.orangecolor{
font-size:20px;
color:#e67817}

.greycolor{
font-size:20px;
color:#757575}

.viewdetail{
color:#f78c0c;
text-decoration:none}

a.viewdetail:hover{
color:#313131;
 }

.leftboxenroll{
width:199px;
background-color:#FFFFFF;
border:1px #e6e6e6 solid;
 
padding:5px 7px 5px 7px}

.rightbox{
width:199px;
background-color:#FFFFFF;
border:1px #e6e6e6 solid;
 
padding:5px 7px 0px 7px}


 

.rightbox h1{
font-size:18px;
font-weight:bold;
color:#42413e;
}

.price{
width:68px; font-size:18px }

.price h1{
font-size:18px;
color:#ff7c00;
padding:10px 0 5px 0
 }

.price h2{
font-size:18px;
color:#ff7c00;
text-decoration:line-through;
padding:10px 0 5px 0
 }


.det{
font-size:12px;
text-decoration:none;
font-weight:normal;
color:#2e2e2e
 
 
 }

a.det:hover{
font-size:12px;
 
font-weight:normal;
color:#ff7c00;
 
 
 
 }
 
 
 .buy
{
background-image:url(../images/buy.gif);
margin:10px 0 0 0;
width:39px;
height:27px}





 a.buy:hover
{
background-image:url(../images/buy2.gif);
margin:10px 0 0 0;
width:39px;
height:27px}


 .buy2
{
background-image:url(../images/buy.gif);
 
width:39px;
height:27px}


 a.buy2:hover
{
background-image:url(../images/buy2.gif);
 
width:39px;
height:27px}




.tenpercent{
font-size:12px;
background-image:url(../images/10perc.gif);
background-repeat:no-repeat;
color:#FFFFFF;
font-weight:bold ;
width:66px;
height:34px;
padding:10px 0 0 10px;
margin:7px 0 0 10px}


.indexpercent{
font-size:22px;
 
background-repeat:no-repeat;
color:#f78c0c;
font-weight:bold ;
width:82px;
height:34px;
padding:15px 0 0 5px;
 }



.rightbox2{
width:199px;
background-color:#FFFFFF;
background-repeat:repeat;
border:1px #E6E6E6 solid;
 
padding:10px 7px 0 7px}


.rightbox2 h1{
font-size:18px;
font-weight:bold;
color:#42413e;
}

.rightbox2 h2{
font-size:20px;
font-weight:bold;
color:#fff;
padding:11px 5px;
 
background-color:#F78C0C;
}

.btn1{
 padding:15px 0 0 0 }
 
 .btn2{
  padding:15px 0 0 10px; font-size:20px;
  color:#f78c0c}
  
 .btndiv2{
 padding:5px 0 5px 0}
/*===========================banner end===========================*/

/*===========================BODY START===========================*/
.mainbdiv{
width:947px; margin:auto}

.mainleftbox{
width:237px;
}

.rightleftbox{
width:237px;
}


.grdntbox{
width:235px;
height:46px;
border:1px #e6e6e6 solid;
background-image:url(../images/leftxssbox.jpg);

}

.undergrdbox{width:225px;
border-bottom:1px #e6e6e6 solid;
border-left:1px #e6e6e6 solid;
border-right:1px #e6e6e6 solid;
 padding:9px 0 6px 10px;
 background-color:#f6f6f6}


 .list2 {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-weight:bold;
	text-align:left;

	
}

.list2 li {
	padding: 10px 0px;
		 
 
}

.space{
height:10px;
width:237px}



.blankbox{width:235px;
border-bottom:1px #e6e6e6 solid;
border:1px #e6e6e6 solid;
 padding:7px 0;
 background-color:#f9f9f9;
 font-weight:normal;
 text-align:center}


.bookani{ width:237px}



.bodybullets {padding:0px 0 5px 10px;
width:660px
}

.bodybullets ul {
	margin: 0 0 0 -10px;
 
	padding: 0px;
}
.bodybullets ul li {
	margin: 10px;
	list-style: none;
	background: url(../images/bullet-orange.gif) no-repeat left 7px;
	padding-left: 12px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px
}


.greyborder{
border-top:1px #e6e6e6 solid;
margin:0 0 5px 0 }

.greyborder2{
border-top:1px #e6e6e6 solid;
margin:5px 0 5px 0 }

.detail-enroll{
padding:0 }

.div2{
width:100%}

.formstyle{display: inline; margin: 0;}


.list3 {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-weight:bold
	
}

.list3 li {
	padding: 5px 0px;
 
}

/*===========================sprite===========================*/
.textheading {
color:#3e3e3e;
font-size:15px;
font-weight:bold;
padding:4px 0 0;
}


.icons {
background:url("../images/icons-btn.gif") no-repeat scroll left top transparent;
display:block;
float:left;
margin:6px 10px 0 0;

}

.icons span {
display:block;
font:bold ;
text-transform:uppercase;
padding:0;
}

.corses {
background-position:0 0;
padding:10px 0 3px 40px;
}


.training  {
background-position:0 -39px;
padding:10px 0 3px 40px;
}


.quickenroll  {
background-position:0 -80px;
padding:10px 0 3px 40px;
}


.osha-training {padding:0px 0 5px 0px;
width:224px}

.osha-training ul {
	margin: 0 0 0 -10px;
 
	padding: 0px;
}
.osha-training ul li {
	margin: 10px;
	list-style: none;
	background: url(../images/bullet.gif) no-repeat left 7px;
	padding-left: 9px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
}

/*===========================sprite end===========================*/



.middlebox{
width:433px;
padding:0px 18px 0px 20px;
font-weight:normal
}

.middlebox h1{
font-size:20px;
color:#f78c0c;
line-height:35px;
 display: inline;
 
}

.middlebox h2{
font-size:12px;
font-weight:bold;
 display: inline;
color:#505050
}
/*===========================BODY end===========================*/

/*=========================== FOOTER start  ===========================*/
 

.footerorange{
background-color:#f78c0c;
height:8px;
border-bottom:1px solid #1c1915}

.footergrey{
background-color:#2c2a28;
 
border-bottom:1px solid #1c1915}

.footerauto{margin:auto; width:947px }


.footerdarkgrey{
background-color:#413f3d;
height:80px;
 }

.bigtext1{
font-weight:bold;
text-decoration:none;
color:#313131}

a.bigtext1:hover{
font-weight:bold;
text-decoration:none;
color:#ff7c00}

.bigbtntext{width:50px; text-align:center; line-height:25px; padding:5px 0 0 6px}

.osha-line{
border-left:1px solid #42403e;
height:210px;
width:10px;
margin:20px 0 0 0}

.osha-courses {padding:10px 0 5px 0px;
 }
.osha-courses h1 {
	margin: 5px 0 5px 0;
	color: #fff;
	font-size:18px;
	line-height:25px;
}

.osha-courses ul {
	margin: 0;
 
	padding: 1px;
}
.osha-courses ul li {
	margin: 10px;
	list-style: none;
	background: url(../images/bullet.gif) no-repeat left 7px;
	padding-left: 9px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px
}
.osha-courses ul li a {
	color: #979797;
	text-decoration:none;
}

.osha-courses ul li a:hover {
	color: #ff9d40;
 
}


.whitetexth1 {
	margin: 5px 0 5px 0;
	color: #fff;
	font-size:18px;
	line-height:25px;
	text-decoration:none;
}

a.whitetexth1:hover {
	margin: 5px 0 5px 0;
	color: #6a6a6a;
	font-size:18px;
	line-height:25px;
}

.boxdiv{
width:18px; height:50px}

.footerdown1{
width:500px;
padding:16px 0 0 200px;
font-size:12px;
color:#ff9d40;
text-transform:uppercase;
text-align:center}


.footerdown2{
width:247px;
padding:16px 0 0 0;
text-align:right;
color:#838383;}

.footertext{font-size:12px;
color:#ff9d40;
text-transform:uppercase;
text-decoration:none;
font-weight:bold}

.footertext:hover{font-size:12px;
color:#ffffff;
text-transform:uppercase;
text-decoration:none;
}

.footersmalltext{ font-size:11px;
color:#979797;
text-transform: lowercase;
font-weight:normal;
 }
/*===========================footer end===========================*/

/*===========================inner page start ==========================*/
.rightbox-inner{
width:670px;
padding:0px 18px 20px 20px;
font-weight:normal;

}

.rightbox-inner h1{
font-size:20px;
line-height:30px;
color:#f78c0c;
display:inline;
text-align:left;
 

 
}

.rightbox-inner h2{
font-size:12px;
font-weight:bold;
 display: inline;
color:#505050;
text-align:left;
}

.boldlinktext{
font-size:18px;
font-weight:bold;
 display: inline;
 text-decoration:none;
 line-height:25px;
color:#505050}

a.boldlinktext:hover{
font-size:18px;
font-weight:bold;
 display: inline;
 text-decoration:underline;
color:#767676}


.normallinktext{
font-size:12px;
 display: inline;
 text-decoration:none;
color:#f78c0c}

a.normallinktext:hover{
font-size:12px;
 display: inline;

color:#505050}


.normalblacktext{
font-size:12px;
 display: inline;
 text-decoration:none;
color:#505050}

a.normalblacktext:hover{
font-size:12px;
 display: inline;
 text-decoration:underline;
color:#505050}

.orangebigtext{
font-size:12px;

 text-decoration:none;
 font-weight:bold;
 
color:#f78c0c}

a.orangebigtext:hover{
font-size:12px;
 display: inline;
 font-weight:bold;
color:#2f2f2f}




.pricebox{
width:201px;
height:96px;
background-image:url(../images/button1.jpg);
background-repeat:repeat;
margin:10px 25px 0 0;
padding:10px}


.pricebox h1{
font-size:20px;
font-weight:bold;
color:#42413e;
}

.pricebox h2{
font-size:18px;
font-weight:bold;
line-height:21px;
 
color:#42413e;
}


.oldnewprice{
width:125px;
margin:5px 0 0 0;
color:#ff7c00;
font-weight:bold;
font-size:14px;
line-height:25px}

.oldnewprice h1{
font-size:14px;
color:#ff7c00;
padding:10px 0 5px 0
 }

.oldnewprice h2{
font-size:14px;
color:#ff7c00;
text-decoration:line-through;
padding:10px 0 5px 0
 }

.enrollbtn2{
width:72px}


.price2{
width:125px; font-size:18px }


.orangebigtext2{
font-size:17px;
font-weight:bold;
line-height:22px;
text-align:center;
 
color:#f48000;
}


.bgbox-btn{
width:201px;
height:189px;
background-image:url(../images/button2.jpg);
background-repeat:repeat;
 
padding:7px;
margin:0 10px 30px 10px}


.greybigtext{
font-size:12px;

 text-decoration:none;
 font-weight:bold;
 
color:#505050}

.savebox{
font-size:14px;
background-image:url(../images/save.gif);
background-repeat:no-repeat;
color:#FFFFFF;
font-weight:bold ;
width:70px;
height:34px;
padding:10px 0 0 10px;
margin:7px 0 0 0px}



/*-------marquee--------*/
.marqueebox
{
	background: #f9f9f9;
 
    padding: 7px;
}
.marqueetextmain{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:#333333
}
a.marqueetextmain:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12;
text-decoration:underline
}

/*-------marquee end--------*/


.gradient-style  {
 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:20px;
text-align:left;
width:350px;
 
}

.gradient-style th {
background:url(../images/gradhead.png) repeat-x scroll 0 0 #B9C9FE;
 
text-align:center;
color:#fff;
font-size:13px;
font-weight:bold;
padding:8px;
}

.gradient-style td {
background:url(../images/gradback.png) repeat-x scroll 0 0 #E8EDFF;
 
text-align:center;
color:#505050;
padding:8px;
}

.pin1{
background-image:url(../images/pinbg1.jpg);
width:240px;
height:130px;
font-size:33px;
font-weight:bold;
padding:65px 0 0 0;
line-height:35px;
text-align:center;
color:#bb5b00}


.pin2{
background-image:url(../images/pinbg2.jpg);
width:197px;
height:83px;
font-size:45px;
font-weight:bold;
 
padding:115px 0 0 35px;
text-align:center;
color:#FFFFFF}


.enroll-btn{
background-image:url(../images/enroll-btn.jpg);
width:148px;
height:36px;
margin:105px 25px 0 0
}

a.enroll-btn:hover{
background-image:url(../images/enroll-btn2.jpg);
width:148px;
height:36px;
margin:105px 25px 0 0
}
 
 .top{ font-weight:bold;
 color:#333333;
 text-decoration:none;
 border:1px #d5d5d5 solid;
 padding:3px;
 background-color:#f4f4f4;
 
 }
  
 a.top:hover{ font-weight:bold;
 color:#333333;
 text-decoration:none;
  background-color:#fff;
 }

/*===========================inner page start ==========================*/

.btnboxdiv{
padding:5px 0 0 0}